Tooltip not working inside a condition

Wappler General
1

If I take a tooltip like

<i class="fas fa-question-circle fa-fw pt-1 float-right" dmx-bs-tooltip="'Summer (June-August)<br>Fall (September-October)<br>Winter (November-March)<br>Spring (April-May)'" data-html="true"></i>

And place this outside the condition it works, but as soon as it is nested inside the condition it no longer reacts to the hover event.

The Node.js site structure is
Layouts page > Pages/Views page > Condition

The condition looks like

<div id=" condAdminArea" is="dmx-if" dmx-bind:condition="'<%=_('$_PARAM.pageida',locals)%>'=='image-man'">
1 Like
3

I tested tooltips within a condition and had no problem. Do you use bootstrap 4 or 5?

4

Bootstrap 4, I am PMing you a link to the page.

5

Just so this thread is kept up to date, the reason this happened was because dmxBootstrap5Tooltips.js was added somehow instead of version 4 to match bootstrap 4, and although tooltips work with either at the root level, once I started nesting into conditions, and partials it stopped.
If working in Bootstrap 4, make certain the version 4 dmxBootstrap4Tooltips.js is included and not 5, if you are having issues.

As far as i tried, i could not replicate the issue, so I can not really call it a bug, as it works perfectly now, so I probably did something strange myself. Thanks Patrick for the help.

@sid, did mention this too, but I was not sure as the tooltip still worked in the site root.

1 Like