@mantine/core/cjs/components/Select/scroll-into-view/scroll-into-view.js

React components library focused on usability, accessibility and developer experience

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function scrollIntoView(parent, child) {
  if (parent instanceof HTMLElement && child instanceof HTMLElement) {
    const parentRect = parent.getBoundingClientRect();
    const parentViewableArea = {
      height: parent.clientHeight,
      width: parent.clientWidth
    };
    const childRect = child.getBoundingClientRect();
    const isViewable = childRect.top >= parentRect.top && childRect.top <= parentRect.top + parentViewableArea.height;
    if (!isViewable) {
      parent.scrollTop = childRect.top + parent.scrollTop - parentRect.top;
    }
  }
}

exports.scrollIntoView = scrollIntoView;
//# sourceMappingURL=scroll-into-view.js.map