All files / util dom-helpers.js

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
 
 
 
7x
 
5x
 
 
 
 
 
 
 
 
 
 
 
9x
9x
9x
 
 
2x
7x
 
 
1x
 
 
 
 
 
2x
2x
2x
2x
 
 
import _ from 'lodash';
 
export function getAbsoluteBoundingClientRect(domNode) {
	let elementRect = domNode.getBoundingClientRect();
 
	return {
		bottom: elementRect.bottom + window.pageYOffset,
		top: elementRect.top + window.pageYOffset,
		left: elementRect.left + window.pageXOffset,
		right: elementRect.right + window.pageXOffset,
		height: elementRect.height,
		width: elementRect.width,
	};
}
 
 
export function scrollParentTo(domNode, additionalOffset = 0) {
	Eif (domNode) {
		const parentNode = domNode.parentNode;
		if (parentNode.scrollTop > domNode.offsetTop - additionalOffset) {
			// if the top of the node is above the scroll line,
			// align to top
			parentNode.scrollTop = domNode.offsetTop - additionalOffset;
		} else if ( parentNode.scrollTop + parentNode.clientHeight < domNode.offsetTop + domNode.offsetHeight) {
			// else if the bottom of the node is below the fold,
			// align to bottom
			parentNode.scrollTop = domNode.offsetHeight - (parentNode.clientHeight - domNode.offsetTop);
		} // else don't need to align anything
	}
}
 
export function dispatchDOMEvent(node, eventName, assignedEventProps) {
	const event = document.createEvent('Event');
	event.initEvent(eventName, true, true);
	node.dispatchEvent(_.assign(event, assignedEventProps));
	return event;
}