Dropdown: Overflow Handling
These dropdowns test various overflow situations.
Right and Left Overflow
Bottom Right Default Behavior (no overflow)
This dropdown should be on the bottom aligned with the left, all inside the container
Bottom Left Default Behavior (no overflow)
This dropdown should be on the bottom aligned with the right, all inside the container
Bottom Right Overflow Allowed
This dropdown should be on the bottom aligned with the right, breaking out of the container
Bottom Left Overflow Allowed
This dropdown should be on the bottom aligned with the left, breaking out of the container
Bottom and Top Overflow
Right Bottom Default Behavior (no overflow)
This dropdown should be on the right aligned with the top of the button after realigning
Left Bottom Default Behavior (no overflow)
This dropdown should be on the left aligned with the top of the button after realigning
Right Top Default Behavior (no overflow)
This dropdown should be on the right aligned with the bottom of the button after realigning
Left Top Default Behavior (no overflow)
This dropdown should be on the left aligned with the bottom of the button after realigning