naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
21 lines • 830 B
JavaScript
import { isBrowser } from "../../_utils/index.mjs";
let supportFlexGap;
export function ensureSupportFlexGap() {
if (!isBrowser) return true;
if (supportFlexGap === undefined) {
// create flex container with row-gap set
const flex = document.createElement('div');
flex.style.display = 'flex';
flex.style.flexDirection = 'column';
flex.style.rowGap = '1px';
// create two, elements inside it
flex.appendChild(document.createElement('div'));
flex.appendChild(document.createElement('div'));
// append to the DOM (needed to obtain scrollHeight)
document.body.appendChild(flex);
const isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
document.body.removeChild(flex);
return supportFlexGap = isSupported;
}
return supportFlexGap;
}