change dropdown open trigger from click to hover , right click etc...

[codemountain]

Any simple way to implement that?
the close would still be click on canvas , or menu item

[jeffchown]

@codemountain You could start with something like this:

<?php

use Livewire\Volt\Component;

new class extends Component {
    public bool $open = false;
}; ?>

<div>
    <flux:dropdown wire:model="open" x-on:mouseover="$wire.open = true" x-on:mouseout="$wire.open = false">
        <flux:button icon-trailing="chevron-down">Sort by</flux:button>

        <flux:menu>
            <flux:menu.radio.group wire:model="sortBy">
                <flux:menu.radio checked>Latest activity</flux:menu.radio>
                <flux:menu.radio>Date created</flux:menu.radio>
                <flux:menu.radio>Most popular</flux:menu.radio>
            </flux:menu.radio.group>
        </flux:menu>
    </flux:dropdown>
</div>

[codemountain]

thanks Jeff, brain mus have been stuffed lol. hadn’t think about that :-) ill play around with delay and poisitioning for not closing too quickly in the interaction have a good day! —————————————————————————————————————  Martin Gauthier Chief Geek codemountain.ca | GetTrail.info | pixeltrail.co ***@***.***

…

On Mar 20, 2025, at 7:42 PM, Jeff Chown ***@***.***> wrote: @codemountain <https://github.com/codemountain> You could start with something like this: <?php use Livewire\Volt\Component; new class extends Component { public bool $open = false; }; ?> <div> <flux:dropdown wire:model="open" x-on:mouseover="$wire.open = true" x-on:mouseout="$wire.open = false"> <flux:button icon-trailing="chevron-down">Sort by</flux:button> <flux:menu> <flux:menu.radio.group wire:model="sortBy"> <flux:menu.radio checked>Latest activity</flux:menu.radio> <flux:menu.radio>Date created</flux:menu.radio> <flux:menu.radio>Most popular</flux:menu.radio> </flux:menu.radio.group> </flux:menu> </flux:dropdown> </div> — Reply to this email directly, view it on GitHub <#1369 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAF5XZQBBAFRESRIGDTZQIL2VNG6LAVCNFSM6AAAAABZOSRW5WVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJXGA4DMOA>. You are receiving this because you were mentioned.

[jeffchown]

You're welcome, @codemountain You too!