@kadoui/react
Version:
Kadoui primitive components for React
22 lines (21 loc) • 794 B
JavaScript
export const getBrowserScrollbarWith = () => {
const outer = document.createElement("div");
outer.style.visibility = "hidden";
outer.style.overflow = "scroll";
document.body.appendChild(outer);
const inner = document.createElement("div");
outer.appendChild(inner);
const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);
outer.parentNode?.removeChild(outer);
return scrollbarWidth;
};
export const selectAccessibleChildren = (parent) => {
const children = Array.from(parent.querySelectorAll(`
a:not([tabindex="-1"]),
input:not([disabled],[tabindex="-1"]),
select:not([disabled],[tabindex="-1"]),
textarea:not([disabled],[tabindex="-1"]),
button:not([disabled],[tabindex="-1"])
`));
return children;
};