tooltip issues

[nightw0lv]

this is how it works
data-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="<i>my html title</i>"
this is how it should work on v5 according to their website
data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" data-bs-original-title="<i>my html title</i>"

https://getbootstrap.com/docs/5.0/components/tooltips/

notes: i tried with bootstrap.bundle.js no luck so i am using external tooltip library if you want to replicate it

[thomaspark]

Hey @nightw0lv, are you talking about the markup you get when you open the code modal for tooltips on a preview page like so?

I see the code differs from the markup in the official docs. This is because it pulls from the component's own markup, which has been modified by Bootstrap's js.

If so, a workaround could be implemented to keep the original markup for purposes of the modal. This also affects v4.

[nightw0lv]

hello, thank you for the response, i also noticed in v5 that if i move the mouse over a button 1-2 times tooltip flash disappears immediately and never shows again, i am noob and i might be not explaining it correctly i try to follow the template codes
i am using like this

head

1. https://github.com/thomaspark/bootswatch/blob/v5/docs/5/cerulean/bootstrap.css

footer

1. https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js
2. https://github.com/thomaspark/bootswatch/blob/v5/docs/_vendor/bootstrap/dist/js/bootstrap.js
3. https://github.com/thomaspark/bootswatch/blob/v5/docs/_vendor/jquery/dist/jquery.js

also this https://bootswatch.com/cerulean/ is for version 4.6.0 i am using 5.0.0-beta2 (latest update)

what i do is trying to upgrade my template codes accordingly from v4.6.0 to 5.0.0-beta2 but menus and alot of stuff not work so i try to update manually 1 by 1 on my template every code with the https://getbootstrap.com/docs/5.0/migration/ guide
ie: *left *right becomes *start *end
i found some similar additions of -bs all worked on your version but i am stuck on tooltips, they behave weirdly after hover never show again and title="..." works but data-bs-original-title="..." not, i just wanted to give you as much details i could so you wont need to blind search for what i say and maybe i am doing something wrong, sorry for long text if you have questions try to talk to me like explain on a new comer into bootstrap

another visual issue is: http://prntscr.com/ztlqco
now if i go again mouse to where it was the tooltip wont show again, idk i hope its my problem 👶

[nightw0lv]

@thomaspark note that this behavior is still there http://prntscr.com/zy2cai
the normal first level html tag will work
the childs cause the tooltip to disappear if inside the first tag are more tags or more tooltips (i know is overextended topic on tooltips but if you can fix this i will be glad) i am leaving it closed since it works as expected but please consider my noting for deeper (childs) use.

here is the video better than words
https://gyazo.com/c7b109d9b9f77fbbd27b7f68e00900db
https://gyazo.com/a2fdb1ce758736b3d1e322f92f533920
https://gyazo.com/1312bb0a49ecac140aef294637a0c0b6
https://gyazo.com/eabe5a47ee4b4ad01f78b3a1874e9c6a
https://gyazo.com/db953fca66da4e3d1b5394deea6580e6
https://gyazo.com/f66f56939637e59f98c501a3d44871ee

[thomaspark]

Hey @nightw0lv, I see, so nested tooltips stop working after the first few hovers? Most likely you'll see this bug with vanilla Bootstrap as well. I recommend opening an issue upstream with them.

[nightw0lv]

@XhmikosR
i found this twbs/bootstrap#32372
and this twbs/bootstrap#31646

i am just tagging you in case here you see something new that might help your investigations

• Καλημέρα :)

[XhmikosR]

The issue is still open upstream, but patches are welcome. We have a potential PR open but it doesn't totally fix the issue.