tooltip with grid & transform conflict

[edwardsmarkff]

hi –

i am trying to use the AWESOME tooltip element, and having issues with placement using css grid and transform:  (please notice alignment issue)

https://codepen.io/edwardsmarkf/pen/bGxBJJq

it’s tempting to try and make some sort of jScript ‘hover event’ and maybe play with the offset=[] but i wanted to ask you wizards if there is something else i should try first.

the more i use smart-html-elements the more in love with it i become.   if you guys ever offer a tee-shirt to advertise i would be honored to wear one.

• This topic was modified 1 year, 8 months ago by edwardsmarkff.
• This topic was modified 1 year, 8 months ago by edwardsmarkff.

[svetoslav_borislavov]

Hi,

Just add a position: relative to the .box elements:
https://codepen.io/Svetoslav-Borislavov/pen/poORNWZ?editors=1100

I hope this resolves your problem!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts