mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-11 17:12:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

implement scroll restoration and scroll focus

Browse Source
This commit is contained in:
Rene Haas
2022-08-03 11:38:46 +02:00
parent ea76610bab
commit fa989cabb7
4 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts
+15
View File
@@ -20,6 +20,7 @@ import {
attrClass,
hasAttrClass,
noop,
on,
} from 'support';
import {
dataAttributeHost,
@@ -73,6 +74,7 @@ export interface StructureSetupElementsObj {
_viewportAddRemoveClass: (className: string, attributeClassName: string, add?: boolean) => void;
}
const tabIndexStr = 'tabindex';
const createNewDiv = createDiv.bind(0, '');
const unwrap = (elm: HTMLElement | false | null | undefined) => {
@@ -130,6 +132,8 @@ export const createStructureSetupElements = (
);
const viewportIsTarget = viewportElement === targetElement;
const viewportIsTargetBody = viewportIsTarget && isBody;
const setFocus =
!viewportIsTarget && wnd.top === wnd && ownerDocument.activeElement === targetElement;
const evaluatedTargetObj: StructureSetupElementsObj = {
_target: targetElement,
_host: isTextarea
@@ -240,6 +244,17 @@ export const createStructureSetupElements = (
insertBefore(_viewport, _viewportArrange);
push(destroyFns, removeElements.bind(0, _viewportArrange));
}
if (setFocus) {
const ogTabindex = attr(_viewport, tabIndexStr);
attr(_viewport, tabIndexStr, '-1');
_viewport.focus();
const off = on(ownerDocument, 'pointerdown keydown', () => {
ogTabindex ? attr(_viewport, tabIndexStr, ogTabindex) : removeAttr(_viewport, tabIndexStr);
off();
});
}
// @ts-ignore
targetContents = 0;