position.js

Positions a popup element to an anchor element 😉


Demo

position.js

Usage

``js
const {
placement, // actual placement
popupOffset, // CSS position: {left, top}
arrowOffset, // CSS position: {left, top}
popupRect,
anchorRect,
} = position(popup, anchor, 'top', options)

// DOM
Object.assign(popup.style, popupOffset)

// React

`

API

position(popup, anchor, placement, options)

$3

`js
{
// use fixed or absolute position, defaults to false
fixed: false,
// any scroller element, defaults to document.body
offsetParent: document.body,
// 'auto': adjusts horizontally or vertically, 'both': adjusts horizontally and vertically, defaults to 'none'
adjustXY: 'none',
}
`

$3

- top
- right
- bottom
- left
- center
- top-left
- top-right
- right-top
- right-bottom
- bottom-left
- bottom-right
- left-top
- left-bottom

$3

`
position(popup, anchor, {popup: 'left-top', anchor: 'right-top'})
// same as right-top placement
position(popup, anchor, 'right-top')
``