Tooltip error v6.0.0-beta.3

Wappler General Bugs
1

Wappler Version : 6.Beta3
Operating System : MacOS
Server Model: NodeJS
Database Type: MySQL
Hosting Type: Docker

Expected behavior

What do you think should happen?

  1. The tootltip message should display when hovering mouse (default setting) over the button with tooltip message.
  2. There should be no error in the dev console when clicked on a button with Tooltip Dynamic Attribute.

Actual behavior

What actually happens?

  1. No tootltip message is displayed when hovering mouse over the button.
  2. An error message is recorded in the dev console when the button is clicked (screenshot attached).

Screen Shot 2023-08-22 at 4.59.05 pm
Screen Shot 2023-08-22 at 4.59.05 pm874×270 49.6 KB

How to reproduce

The is an example of the code that is generating this error.

<button class="btn btn-sm" dmx-on:click="sc_list_products.load()" dmx-bs-tooltip="'Click to refresh list'">
          <i class="fa-solid fa-repeat fs-5 fa-fw"></i>
</button>
3

This seems to be a bug in Bootstrap 5.3. I’ve created an issue there and hope it will get fixed in the next bootstrap version.

The this context is not set when using function in component options · Issue #39094 · twbs/bootstrap (github.com)

2 Likes
4

Thanks for the update, Patrick.

5
6

I have been wondering whether bootstrap has released any updated version to resolve the issue with tooltips.

In the likelihood that a bootstrap fix is not released for another few months, is there any workaround, short of removing this element altogether from the UI?

Note: This is impacting Bootstrap v5.3 (v6.0-Beta-*) only.

7

I hope they come up with a fix for this soon. :frowning:

8

I’ve created a complete new script that uses the MutationObserver to watch the DOM and register tooltip on new added nodes. Also this update doesn’t use the this keyword and works with bootstrap 5.3.

dmxBootstrap5Tooltips.zip (671 Bytes)

9

Hi Patrick,

I have just tested the new script and it’s working correctly now without any errors in the dev console.

Thank you so much for resolving this issue; it is greatly appreciated!

10

We will release the new script with the next update, will also make the same changes to the popover script.

1 Like
12

Fixed in Wappler 6 beta 10