getting this error : "components.js?ln=primefaces&v=11.0.0:21 Uncaught TypeError: Cannot read properties of undefined

[kbmk.java]

<h:panelGroup class="ui-g-12 ui-lg-6 hcs-float-label" >
<p:selectOneMenu id="inputOrg" size="12" value="#{bean.selectedOrg}"
filter="true" filterMatchMode="startsWith" rendered="true" required="true" requiredMessage="Organization is required">
<f:selectItem itemValue="#{null}" itemLabel="" noSelectionOption="true" onchange="document.getElementById('form:inputOrgTypeGrp').style.display='none';"/>
<f:selectItems value="#{bean.orglist}" var="org"
itemLabel="#{org.name} - #{org.typeName} - #{orgType.id}"
itemValue="#{org.orgNo}" />
<f:ajax event="blur" render="inputOrgTypeGrp" />
</p:selectOneMenu>
<p:message id="inputOrgmsg" for="inputOrg" ></p:message>
<p:outputLabel class="float-label" value="Organization " for="inputOrg"/>
</h:panelGroup>


Using above code trying to populate orgs list in dropdown. Able to populate orgs, but when i click on the down arrow of the drop down getting this error : "components.js?ln=primefaces&v=11.0.0:21 Uncaught TypeError: Cannot read properties of undefined (reading 'vertical')" . I really spent one day to fix this, but no luck, Anyone could you please help me in fixing this issue ?

[Melloware]

Without a PrimeFaces Test reproducer its impossible for us to help debug your issue. See: https://github.com/primefaces/primefaces-test