Vue3: Tooltip styling has changed

[yonasberhe23]

Setup

• Rancher version: v2.10
• Rancher UI Extensions:
• Browser type & version: Firefox, Chrome

Describe the bug
Tooltip style has changed.

To Reproduce

1. go to Rancher home page > hover over side nav button
2. go to Explorer > hover over header buttons
3. go to Explorer > workloads > hover over flat list/group by ns buttons

Result

Expected Result

[cnotv]

Placement modifiers are not honored, I suspect some hacks have truncated any definition: https://floating-vue.starpad.dev/guide/directive#placement-modifier

[cnotv]

Tooltip also broken for main navigation bar.

2.10

2.9

[cnotv]

Probably every tooltip is broken in the current state. This is for labels:

[cnotv]

@eva-vashkevich @mantis-toboggan-md I see a lot of AKS/EKS/GKE use cases for the tooltip. May I ask you to confirm the default style is the right one? It would mean arrow center bottom.

[cnotv]

This issue is a regression of existing changes which have been reported and fixed with:

• Vue3: Popover regressions in header #11684
• Vue3: Set as login page popover disappears #11685
• Vue3: Tooltip lost styling #11740
• Vue3: Tooltip does not wrap text correctly #11742
• Vue3: Finish the migration from v-tooltip library to floating-vue #11763

All these cases have to be tested afterward. Trying to identify the regression PR at this point, although refactoring in a single file only would be optimal.

[rak-phillip]

Hmm I'm finding this to be quite confusing - it appears that commit 1bc3507 is the first one to exhibit this behavior. Are you finding the same?

edit: #12172 narrowed it down to a typo, good catch!

[mantis-toboggan-md]

@eva-vashkevich @mantis-toboggan-md I see a lot of AKS/EKS/GKE use cases for the tooltip. May I ask you to confirm the default style is the right one? It would mean arrow center bottom.

Yes AKS/EKS/GKE should use default tooltip styling

[yonasberhe23]

The tooltip issues have been resolved throughout Dashboard except for resource lists. (#12197)

Tested in:
Rancher v2.10-8b50f8332866224f855d0d5daa535c98bc9a2f6d-head
Dashboard master 9b3c6ae