[Major] Select listbox now uses Radix UI popover

[GomezIvann]

Select component is now supported by Radix UI Primitive: Popover. This has some major improvements:

1. The component now has collision detection. This changes the listbox position based on the current scroll and select positioning to help the user with an always visible listbox.

DXC.React.Components.-.21.June.2022.mp4

2. Fixes z-index issues with material components. The listbox now appears within a Portal with absolute positioning, so it won't be stucked behind other components such us Dialog, Button, Checkbox or anyone with a high z-index value.

DXC.React.Components.-.21.June.2022.mp4

[aidamag]

What about the z-index with the header? Do you see fine that it is not behind the header?

[GomezIvann]

What about the z-index with the header? Do you see fine that it is not behind the header?

This is not a problem with the z-index, Portals operate a little bit different since they are outside of the regular DOM tree, so they will always appear on top of every part of the layout (unless it is another portal, like the Dialog, there it would a z-index issue).

This cannot be fixed or changed, which I don't think is a bad thing.