JSPM

get-node-dimensions

1.2.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 348700
  • Score
    100M100P100Q177606F
  • License MIT

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

Package Exports

  • get-node-dimensions

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (get-node-dimensions) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

get-node-dimensions

npm version

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