devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
125 lines (123 loc) • 5.08 kB
JavaScript
/**
* DevExtreme (cjs/__internal/ui/popup/m_popup_overflow_manager.js)
* Version: 24.2.7
* Build date: Mon Apr 28 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.createBodyOverflowManager = void 0;
var _devices = _interopRequireDefault(require("../../../core/devices"));
var _dom_adapter = _interopRequireDefault(require("../../../core/dom_adapter"));
var _common = require("../../../core/utils/common");
var _type = require("../../../core/utils/type");
var _m_window = _interopRequireDefault(require("../../core/utils/m_window"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const overflowManagerMock = {
setOverflow: _common.noop,
restoreOverflow: _common.noop
};
const createBodyOverflowManager = () => {
if (!_m_window.default.hasWindow()) {
return overflowManagerMock
}
const window = _m_window.default.getWindow();
const {
documentElement: documentElement
} = _dom_adapter.default.getDocument();
const body = _dom_adapter.default.getBody();
const isIosDevice = "ios" === _devices.default.real().platform;
const prevSettings = {
overflow: null,
overflowX: null,
overflowY: null,
paddingRight: null,
position: null,
top: null,
left: null
};
return {
setOverflow: isIosDevice ? () => {
if ((0, _type.isDefined)(prevSettings.position) || "fixed" === body.style.position) {
return
}
const {
scrollY: scrollY,
scrollX: scrollX
} = window;
prevSettings.position = body.style.position;
prevSettings.top = body.style.top;
prevSettings.left = body.style.left;
body.style.setProperty("position", "fixed");
body.style.setProperty("top", -scrollY + "px");
body.style.setProperty("left", -scrollX + "px")
} : () => {
(() => {
const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
if (prevSettings.paddingRight || scrollBarWidth <= 0) {
return
}
const paddingRight = window.getComputedStyle(body).getPropertyValue("padding-right");
const computedBodyPaddingRight = parseInt(paddingRight, 10);
prevSettings.paddingRight = computedBodyPaddingRight;
body.style.setProperty("padding-right", `${computedBodyPaddingRight+scrollBarWidth}px`)
})();
if (prevSettings.overflow || "hidden" === body.style.overflow) {
return
}
prevSettings.overflow = body.style.overflow;
prevSettings.overflowX = body.style.overflowX;
prevSettings.overflowY = body.style.overflowY;
body.style.setProperty("overflow", "hidden")
},
restoreOverflow: isIosDevice ? () => {
if (!(0, _type.isDefined)(prevSettings.position)) {
return
}
const scrollY = -parseInt(body.style.top, 10);
const scrollX = -parseInt(body.style.left, 10);
["position", "top", "left"].forEach((property => {
if (prevSettings[property]) {
body.style.setProperty(property, prevSettings[property])
} else {
body.style.removeProperty(property)
}
}));
window.scrollTo(scrollX, scrollY);
prevSettings.position = null
} : () => {
(() => {
if (!(0, _type.isDefined)(prevSettings.paddingRight)) {
return
}
if (prevSettings.paddingRight) {
body.style.setProperty("padding-right", `${prevSettings.paddingRight}px`)
} else {
body.style.removeProperty("padding-right")
}
prevSettings.paddingRight = null
})();
["overflow", "overflowX", "overflowY"].forEach((property => {
if (!(0, _type.isDefined)(prevSettings[property])) {
return
}
const propertyInKebabCase = property.replace(/(X)|(Y)/, (symbol => `-${symbol.toLowerCase()}`));
if (prevSettings[property]) {
body.style.setProperty(propertyInKebabCase, prevSettings[property])
} else {
body.style.removeProperty(propertyInKebabCase)
}
prevSettings[property] = null
}))
}
}
};
exports.createBodyOverflowManager = createBodyOverflowManager;