blob: 7421f6ab3978f11d0b31ad19adf1c3a2033acb2c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @providesModule getElementRect
* @typechecks
*/
const containsNode = require('./containsNode');
/**
* Gets an element's bounding rect in pixels relative to the viewport.
*
* @param {DOMElement} elem
* @return {object}
*/
function getElementRect(elem) {
const docElem = elem.ownerDocument.documentElement;
// FF 2, Safari 3 and Opera 9.5- do not support getBoundingClientRect().
// IE9- will throw if the element is not in the document.
if (!('getBoundingClientRect' in elem) || !containsNode(docElem, elem)) {
return {
left: 0,
right: 0,
top: 0,
bottom: 0
};
}
// Subtracts clientTop/Left because IE8- added a 2px border to the
// <html> element (see http://fburl.com/1493213). IE 7 in
// Quicksmode does not report clientLeft/clientTop so there
// will be an unaccounted offset of 2px when in quirksmode
const rect = elem.getBoundingClientRect();
return {
left: Math.round(rect.left) - docElem.clientLeft,
right: Math.round(rect.right) - docElem.clientLeft,
top: Math.round(rect.top) - docElem.clientTop,
bottom: Math.round(rect.bottom) - docElem.clientTop
};
}
module.exports = getElementRect;
|
