Page MenuHomePhabricator

Replace our bespoke Tooltip component with Codex's, now that it exists
Closed, ResolvedPublic

Event Timeline

Jdforrester-WMF renamed this task from replace existing Tooltip with CODEX version to Replace our bespoke Tooltip component with Codex's, once it exists.Jun 4 2024, 3:58 PM
Jdforrester-WMF removed a subscriber: JKieserman.
Jdforrester-WMF renamed this task from Replace our bespoke Tooltip component with Codex's, once it exists to Replace our bespoke Tooltip component with Codex's, now that it exists.Jun 26 2024, 12:01 PM
DSmit-WMF changed the task status from Open to In Progress.Aug 6 2024, 12:07 PM
DSmit-WMF claimed this task.

So for the tooltips inside the app; for the function editor input and outputs tooltips: we can use the Codex one. (although the third party lib has a bug I think, contacted design system team about that).

For the titles on the viewpage and editpage, that are outside of the Vue scope:
I don't think we can use Codex here because you cannot bind directives outside of Vue.

After discussing with Geno:
Our suggestion would be to:

  • remove all tooltips from title (they overlap and are broken now because of overflow hidden on the header).
  • change data-title to title attr, which then shows as a native browser tooltip on hover with the long name (so we have some sort of tooltip func)

Add them back only when:
-> codex has SSR
-> codex has a only css variant for the tooltip

Change #1060107 had a related patch set uploaded (by Daphne Smit; author: Daphne Smit):

[mediawiki/extensions/WikiLambda@master] [WIP] Tooltip: replace our own Tooltip component with Codex Tooltip

https://gerrit.wikimedia.org/r/1060107

Change #1060107 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] Tooltip: replace our own Tooltip component with Codex Tooltip

https://gerrit.wikimedia.org/r/1060107