Package detail

get-node-dimensions

Get accurate element dimensions, even if it's hidden!

Install

npm install get-node-dimensions --save

<script src="https://unpkg.com/get-node-dimensions/dist/get-node-dimensions.js"></script>
(UMD library exposed as `getNodeDimensions`)

Example

import getNodeDimensions from 'get-node-dimensions'

const div = document.getElementById('div-to-measure')

console.log(getNodeDimensions(div)) // { width, height, top, right, bottom, left }

Usage

elementDimensions = getNodeDimensions(element[, options])

Returns element rect which includes width, height, top, right, bottom, left.

createOptions:

• margin {bool}: Whether or not to account for element margins in calculation
• clone {bool}: Whether or not to use a clone to measure. If no width/height found, the element will automatically be cloned in order to obtain proper dimensions
• display|width|height {string}: sets respective clone property

CHANGELOG

1.2.1

Handle when getComputedStyle returns null #9

1.2.0

Account for margins

1.1.0

Allow width and height to be set on clone using options

Use width/height when measuring clone so transforms don't give inaccurate dimensions

1.0.0

Use original node to get style information because clone returns nothing

Account for clone display, width, and height properties better

Remove bower in favor of using NPMCDN

0.1.1

Fix build for NPMCDN

0.1.0

Initial release