body:not([data-builder-mode]) .brxe-dropdown[data-static] .brx-dropdown-content {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: fit-content;
    min-height: 100%;
    background: #0A0A0F;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    visibility: visible;
    transition: clip-path 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 1000;
}

body:not([data-builder-mode]) .brxe-dropdown[data-static].open > .brx-dropdown-content,
body:not([data-builder-mode]) .brxe-dropdown[data-static] .open > .brx-dropdown-content {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

body:not([data-builder-mode]) .brxe-dropdown[data-static] .brx-dropdown-content > * {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

body:not([data-builder-mode]) .brxe-dropdown[data-static].open .brx-dropdown-content > *,
body:not([data-builder-mode]) .brxe-dropdown[data-static] .open .brx-dropdown-content > * {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.2s;
}

body:not([data-builder-mode]) .brxe-dropdown[data-static] .brx-dropdown-content.closing {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

body:not([data-builder-mode]) .brxe-dropdown[data-static] .brx-dropdown-content.closing > * {
    opacity: 0;
    transform: translateX(20px);
    transition-delay: 0s;
}
function simulateButtonClick(selector) {
    const targetButton = document.querySelector(selector);
    if (targetButton) {
        if (selector.includes('.BF-menu .brx-submenu-toggle > button[aria-expanded="true"]')) {
            const dropdown = targetButton.closest('.brxe-dropdown[data-static]');
            if (dropdown) {
                const dropdownContent = dropdown.querySelector('.brx-dropdown-content');
                if (dropdownContent) {
                    dropdownContent.classList.add('closing');
                    setTimeout(function() {
                        targetButton.click();
                        setTimeout(function() {
                            dropdownContent.classList.remove('closing');
                        }, 50);
                    }, 500);
                    return;
                }
            }
        }
        targetButton.click();
    }
}

Flux | Template | Vanilla & ACSS & CF

€49