Foundation for Sites Testing

# Dropdown: Explicit Positioning Content - no offsets

These dropdowns test various positioning and alignments. 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.

#### Top and Bottom positioned

Bottom Left

This dropdown has position bottom and alignment left should align with its top left corner at the bottom left of the button

Bottom Center

This dropdown has position bottom and alignment center should align below the button with its center aligned with the center of the button

Bottom Right

This dropdown has position bottom and alignment right should align with its top right corner at the bottom right of the button

Top Left

This dropdown has position top and alignment left should align with its bottom left corner at the top left of the button

Top Center

This dropdown has position top and alignment center should align above with its center aligned with the center of the button

Top Right

This dropdown has position top and alignment right should align with its bottom right corner at the top right of the button

#### Left and Right Positioned

Right Top

This dropdown has position right and alignment top should align with its top left corner at the top right of the button

Left Top

This dropdown has position left and alignment top should align with its top right corner at the top left of the button

Right Center

This dropdown has position right and alignment center should align to the right of the button with the center of the dropdown vertically aligned with the center of the button

Left Center

This dropdown has position left and alignment center should align to the left of the button with the center of the dropdown vertically aligned with the center of the button

Right Bottom

This dropdown has position right and alignment bottom should align with its bottom left corner at the bottom right of the button

Left Bottom

This dropdown has position left and alignment bottom should align with its bottom right corner at the bottom left of the button