@hashicorp/design-system-components/dist/modifiers/hds-scroll-into-view-on-focus.js

Helios Design System Components

import { modifier } from 'ember-modifier';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

const DEFAULT_OPTIONS = {
  block: 'nearest',
  inline: 'nearest'
};
const hdsScrollIntoViewOnFocus = modifier((element, _positional, named) => {
  const scrollOptions = named.options ?? DEFAULT_OPTIONS;
  const onFocus = () => {
    element.scrollIntoView(scrollOptions);
  };
  element.addEventListener('focus', onFocus);
  return () => {
    element.removeEventListener('focus', onFocus);
  };
});

export { hdsScrollIntoViewOnFocus as default };
//# sourceMappingURL=hds-scroll-into-view-on-focus.js.map