# 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