@atlaskit/portal
Version:
A wrapper for rendering components in React portals.
28 lines (27 loc) • 1.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removePortalContainer = void 0;
var _constants = require("../constants");
var _getBody2 = require("./get-body");
var getPortalParent = function getPortalParent() {
var parentElement = document.querySelector(_constants.portalParentSelector);
if (!parentElement) {
var _getBody;
var parent = document.createElement('div');
parent.className = _constants.portalParentClassName;
// we are setting display to flex because we want each portal to create a new stacking context
// See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
parent.style.display = 'flex';
(_getBody = (0, _getBody2.getBody)()) === null || _getBody === void 0 || _getBody.appendChild(parent);
return parent;
}
return parentElement;
};
var removePortalContainer = exports.removePortalContainer = function removePortalContainer(container) {
var parent = getPortalParent();
if (parent.contains(container)) {
parent.removeChild(container);
}
};