Dropdown: Explicit Positioning Content - with offsets
These dropdowns test various positioning and alignments WITH OFFSETS. Valid positions are left/right/top/bottom. Valid alignments are left/right/top/bottom/center. Left align means left sides should line up. Right align means right sides should line up. Center align means centers should line up. Positive Offsets should always be applied in a direction to create space between the anchor and the dropdown.
Top and Bottom positioned
Bottom Left
This offset should push right and down.
Bottom Center
This offset should push down and to the global right (right)
Bottom Right
This offset should push left and down.
Top Left
This offset should push right and up.
Top Center
This offset should push up and to the global right (right)
Top Right
This offset should push left and up.
Left and Right Positioned
Right Top
This offset should push right and down.
Left Top
This offset should push left and down.
Right Center
This offset should push right and down
Left Center
This offset should push left and down
Right Bottom
This offset should push right and up.
Left Bottom
This offset should push left and up.