Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

popupalign

popupalign
Type: one of the values below
popupalign is an optional attribute for specifying which side of the popup content should be attached to the popupanchor.
none
no align
topleft
align to the top left corner
topright
align to the top right corner
bottomleft
align to the bottom left corner
bottomright
align to the bottom right corner

Syntax

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

Example

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

Notes

The popupalign attribute can be used to specify which corner of the popup content is tied to the originating point. If omitted, the default is topleft. The example below shows how to create the traditional buttons with attached left mouse menus that exist in the 4.x Communicator product. 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). The default value for both popupanchor and popupalign is "none."

Document Tags and Contributors

 Contributors to this page: Sheppy, pippijn, Docwhat
 Last updated by: Sheppy,