fix(helper): add Alpine.js click toggle to info helper popup

Replace CSS-only hover with Alpine.js click-based open/close,
including click.outside to dismiss.
This commit is contained in:
Andras Bacsai 2026-04-26 12:55:34 +02:00
parent 74cc85139f
commit 9cd379e737

View file

@ -1,4 +1,5 @@
<div {{ $attributes->merge(['class' => 'group']) }}> <div x-data="{ open: false }" @click.stop="open = !open" @click.outside="open = false"
{{ $attributes->merge(['class' => 'group']) }}>
<div class="info-helper"> <div class="info-helper">
@isset($icon) @isset($icon)
{{ $icon }} {{ $icon }}
@ -10,7 +11,7 @@
@endisset @endisset
</div> </div>
<div class="info-helper-popup"> <div class="info-helper-popup" :class="{ 'block': open }">
<div class="p-4"> <div class="p-4">
{!! $helper !!} {!! $helper !!}
</div> </div>