gatsby
Version:
Blazing fast modern site generator for React
48 lines (46 loc) • 1.53 kB
JavaScript
;
exports.__esModule = true;
exports.lock = lock;
exports.unlock = unlock;
// Adapted from https://github.com/vercel/next.js
// License: MIT
// Copyright (c) 2021 Vercel, Inc.
//
// Entrypoint: react-dev-overlay/src/internal/components/Overlay/body-locker.ts
let previousBodyPaddingRight;
let previousBodyOverflowSetting;
let activeLocks = 0;
function lock() {
setTimeout(() => {
if (activeLocks++ > 0) {
return;
}
const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
const rootElement = document.getElementById(`___gatsby`);
if (scrollBarGap > 0) {
previousBodyPaddingRight = document.body.style.paddingRight;
document.body.style.paddingRight = `${scrollBarGap}px`;
}
previousBodyOverflowSetting = document.body.style.overflow;
document.body.style.overflow = `hidden`;
rootElement.setAttribute(`aria-hidden`, `true`);
});
}
function unlock() {
setTimeout(() => {
if (activeLocks === 0 || --activeLocks !== 0) {
return;
}
const rootElement = document.getElementById(`___gatsby`);
rootElement.removeAttribute(`aria-hidden`);
if (previousBodyPaddingRight !== undefined) {
document.body.style.paddingRight = previousBodyPaddingRight;
previousBodyPaddingRight = undefined;
}
if (previousBodyOverflowSetting !== undefined) {
document.body.style.overflow = previousBodyOverflowSetting;
previousBodyOverflowSetting = undefined;
}
});
}
//# sourceMappingURL=lock-body.js.map