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">
@isset($icon)
{{ $icon }}
@ -10,7 +11,7 @@
@endisset
</div>
<div class="info-helper-popup">
<div class="info-helper-popup" :class="{ 'block': open }">
<div class="p-4">
{!! $helper !!}
</div>