natxocc
5a5f593025
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
24 lines
713 B
JavaScript
24 lines
713 B
JavaScript
// components/Dropdown.js
|
|
import { Tag } from "sigpro";
|
|
|
|
let currentOpen = null;
|
|
|
|
if (typeof window !== 'undefined' && !window.__dropdownHandlerRegistered) {
|
|
window.addEventListener('click', (e) => {
|
|
if (currentOpen && !currentOpen.contains(e.target)) {
|
|
currentOpen.open = false;
|
|
currentOpen = null;
|
|
}
|
|
});
|
|
window.__dropdownHandlerRegistered = true;
|
|
}
|
|
|
|
export const Dropdown = (props) => Tag("details", {
|
|
...props,
|
|
class: `dropdown ${props.class ?? ''}`,
|
|
onclick: (e) => {
|
|
const details = e.currentTarget;
|
|
if (currentOpen && currentOpen !== details) currentOpen.open = false;
|
|
setTimeout(() => { currentOpen = details.open ? details : null; }, 0);
|
|
}
|
|
}, props.children); |