You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Similar to how we've updated Popover to use floating-ui for autoAlign positioning, the Dropdown needs to have this as well.
At a high level this includes:
Adding an autoAlign prop to Dropdown that should turn off most/all listbox styling
This might also require altering the ListBox and it's related components as well, adding autoAlign to those components to turn off styling.
When autoAlign is used, only the top or bottom alignment options should be used
Add an autoAlign story to the
Once complete, validate that Dropdown is no longer clipped by modals or any other parent container with overflow: hidden - document this in storybook for review (can be removed before merging)
Ideally this could also include some new abstractions of common code shared between the floating-ui implementation of Popover and Dropdown, to be further used when adding floating-ui functionality to other components.
The text was updated successfully, but these errors were encountered:
Similar to how we've updated Popover to use floating-ui for autoAlign positioning, the Dropdown needs to have this as well.
At a high level this includes:
autoAlign
prop to Dropdown that should turn off most/all listbox stylingautoAlign
to those components to turn off styling.autoAlign
is used, only thetop
orbottom
alignment options should be usedautoAlign
story to theThe text was updated successfully, but these errors were encountered: