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.

npm install --save-dev @zestia/position-utils

Add the following to ~/.npmrc to pull @zestia scoped packages from Github instead of NPM.

@zestia:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=<YOUR_GH_TOKEN>

Returns where element is considered to be positioned inside container, based on a bounding box created by splitting the container into columns and rows.

// 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);

Returns the coordinates required to place element at position, on the outside edge of reference.

// Get coords to position element at the bottom left of reference
getCoords('bottom left', element, reference);