svelte-ux/actions/focus.js

- Increment version in `package.json` and commit as `Version bump to x.y.z` - `npm run publish`

import { tick } from 'svelte';
export function focusMove(node, options = { restoreFocus: false, disabled: false }) {
    if (!options.disabled) {
        let previousActiveElement = document.activeElement;
        // Set `tabIndex` to `-1` which makes any element (ex. div) focusable programmaitcally (and mouse), but not via keyboard navigation - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
        node.tabIndex = -1;
        // Appear to need to wait for tabIndex to update before applying focus
        tick().then(() => {
            node.focus();
        });
        return {
            destroy() {
                // Restore previous active element
                if (!options.disabled &&
                    options.restoreFocus &&
                    previousActiveElement instanceof HTMLElement) {
                    previousActiveElement.focus();
                }
            },
        };
    }
}
// TODO: Add `focusTrap`
// https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/
// export function focusTrap(node: HTMLElement): SvelteActionReturnType {
//   //
// }