Mastodon Feed
Reblogged by kornel ("Kornel"):
FirefoxDevTools@mozilla.social wrote:
The markup view will make element attributes referencing element ids (aka idref/idrefs) actual links to referenced elements.
This was only accessible in the context menu (via a "Select Element #myId" entry there), or using Ctrl/Cmd + click on the attribute value.It wasn't very discoverable so we now* show the "select Element button" next to those.
This can be very helpful when using aria labels referencing elements that are far away in the DOM tree.* @FirefoxNightly 2023-11-17
Attachments:
- [The Firefox DevTools markup view showing the DOM tree. A span element has an aria-details attribute with "bezier bezImg" value. Next to each of those attributes is displayed a button with a crosshair icon.
Further down the tree, we can see two other element whose id match the aria-details attribute value from the span element, respectively bezier and bezImg.
Two arrows are drawn between the buttons and the element they will select when activated][8] ([remote][9])