@zestia/position-utils
Utils for determining the position of an element within another element, and positioning elements near other elements. Note that 'auto' positioning is intentionally not part of this library.
getPosition
Returns where element
is considered to be positioned inside container
, based on a bounding box created by splitting the container
into columns
and rows
.
Examples
// Get position of element inside container, could be in 1 of 9 possible positions
getPosition(element, container, 3, 3);
// As above, but with edge positions less likely to be considered
getPosition(element, container, 5, 5);
getCoords
Returns the coordinates required to place element
at position
, on the outside edge of reference
.
Example
// Get coords to position element at the bottom left of reference
getCoords('bottom left', element, reference);