getSize

Get the size of elements. Used in Masonry, Isotope, & Flickity.

var size = getSize( elem );
// elem can be an element
var size = getSize( document.querySelector('.selector') )
// elem can be a selector string
var size = getSize('.selector')

Returns an object with:

• width, height
• innerWidth, innerHeight
• outerWidth, outerHeight
• paddingLeft, paddingTop, paddingRight, paddingBottom
• marginLeft, marginTop, marginRight, marginBottom
• borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth
• isBorderBox

Browser support: IE10+, Android 4.0+, iOS 5+, and modern browsers

Install

Install with npm: npm install get-size

Install with Bower: bower install get-size

Firefox hidden iframe bug

Firefox has an old bug that occurs within iframes that are hidden with display: none. To resolve this, you can use alternate CSS to hide the iframe off-screen, with out display: none.

.hide-iframe {
  visibility: hidden;
  position: absolute;
  left: -999em;
}

MIT License

getSize is released under the MIT License.

Current Tags

• 3.0.0                                ...           latest (4 years ago)

10 Versions

• 3.0.0                                ...           4 years ago
• 2.0.3                                ...           8 years ago
• 2.0.2                                ...           10 years ago
• 2.0.1                                ...           10 years ago
• 2.0.0                                ...           10 years ago
• 1.2.2                                ...           11 years ago
• 1.2.1                                ...           11 years ago
• 1.2.0                                ...           11 years ago
• 1.1.8                                ...           11 years ago
• 1.1.7                                ...           11 years ago