none

no anchor

topleft

anchor to the top left corner

topright

anchor to the top right corner

bottomleft

anchor to the bottom left corner

bottomright

anchor to the bottom right corner

Syntax

<element popupanchor="none | topleft | topright | bottomleft | bottomright" />

Example

<element
  id="edit-context"
  popup="editor-popup" popupanchor="topleft"
  popupalign="bottomright" />

Notes

The popupanchor attribute can be used to specify that the popup content should come up anchored to one of the four corners of the content object (e.g., the button popping up the content). If omitted, no anchoring occurs. Instead the popup content comes up directly underneath the mouse event coordinates. This point (either directly under the mouse or attached to one of the four corners) is called the originating point.

By default the popup content appears with its top left point located directly underneath the point at which the user's mouse goes down (on tooltips the content is displaced by the height of the mouse cursor). popupanchor works in conjunction with popupalign to position the popup content on the element. The default value for both popupanchor and popupalign is "none."