Popover with click event doesn't allow for content interaction
In the docs for Review popover example, whenever the popover trigger is set to click it's not possible to interact with the content shown. Eg. you can't click the links in that example.
The same happens when you have buttons within the content, the click events don't fire as expected.
The hover trigger allows content to be interacted with, is it possible for the click trigger to work in the same way?
In the docs for Review popover example, whenever the popover trigger is set to
clickit's not possible to interact with the content shown. Eg. you can't click the links in that example.The same happens when you have buttons within the content, the click events don't fire as expected.
The
hovertrigger allows content to be interacted with, is it possible for theclicktrigger to work in the same way?
Please check out this example Preline - Focus , I think this is the only way to do this for now.
The main idea is to change class [--trigger:click] to [--trigger:focus] and move the tooltip content inside the button. You can also change the button tag with <div role=“button”></div>, like so:
<div class="hs-tooltip inline-block [--trigger:focus]">
<div class="hs-tooltip-toggle block text-center">
<div role="button" class="...">
Preline review
<svg>...</svg>
<div class="hs-tooltip-content ..." role="tooltip">
<div class="p-4">
...
</div>
</div>
</div>
</div>
</div>