2011646 - Add tooltip to show value of attribute in attr() function

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[Nicolas Chevobbe [:nchevobbe]]

When hovering the attribute name in attr(), it would be nice to display a tooltip with the value of the attribute.
FWIW, that's what Chrome is doing

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 2011646 - [devtools] Add Rules view tooltip for `attr()`. r=#devtools.

Add specific class from the OutputParser for the attribute name and fallback
spans so they're easier to target in tests.
Refactor and augment browser_rules_attr.js so it covers showing the preview
tooltip.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/6b480923fed2
https://hg.mozilla.org/integration/autoland/rev/f1b1d5c89acd
[devtools] Add Rules view tooltip for `attr()`. r=devtools-reviewers,jdescottes.

Comment 3

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/f1b1d5c89acd

Comment 4

[Sebastian Zartner [:sebo]]

A small feature, but I'd say it is worth to be mentioned in the dev release notes for Firefox 149, maybe even in the general release notes. What do you think, Nicolas?

Sebastian

Comment 5

[Sebastian Zartner [:sebo]]

Requested to add this to the release notes in bug 1854104.

Sebastian