= 640 ? 'auto' : '3.5rem'"
x-init="
$watch('dropdownOpen', value => {
if (value && window.innerWidth >= 640) {
const button = $el.previousElementSibling.querySelector('button');
const buttonRect = button.getBoundingClientRect();
$el.style.bottom = (window.innerHeight - buttonRect.top + 8) + 'px';
$el.style.right = (window.innerWidth - buttonRect.right) + 'px';
}
})
"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">