<Select /> stopped being created in the portal, therefore, <ul> is displayed below the label (wrong)

[kvnzrch]

https://github.com/creativetimofficial/material-tailwind/assets/74398451/1c66bedb-9b1a-4834-ac46-0bdb2c1ab6f7

As the title says, this happens after the latest version

[kvnzrch]

no one has this same problem?

[kvnzrch]

It can be fixed, wrapping the menu with the portal of floating-ui...

On this file:

packages/material-tailwind-react/src/components/Select/index.tsx

Add

<>
+  <FloatingPortal>
      {lockScroll ? (
        <FloatingOverlay lockScroll>{selectMenu}</FloatingOverlay>
      ) : (
        selectMenu
      )}
+  </FloatingPortal>
</>

@sajadevo Can you do this? 🙏

[sajadevo]

@kenzaflow adding floating portal will cause issue when using Select inside a dialog or other floating elements, so to fix that issue you can set the following: <Select menuProps={{ className: "z-50" }} />

[Mortezakiaa]

i have problem with select element. menuProps dosent work on select element. im add z index class to menu props but is dosent work correct???????!!!!!! any way to fix that please!!!!

[ziudeso]

+1 same issue here