firefox-devtools / devtools-core

:rocket: Packages for Firefox DevTools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ElementNode attribute are not cropped

nchevobbe opened this issue · comments

Steps to reproduce:

  1. Evaluate:
var div = document.createElement("div");
div.setAttribute("data-test","a".repeat(5000));
div;

Expected results:
The data-test attribute is cropped

Actual results:
It is not cropped (and does not wrap)

Call me weird but I find the expected cropped display hindering accessibility, since there's no way of seeing cropped attributes. Shouldn't they wrap ideally?

Chrome offers the same single line non-crop functionality btw:
screen shot 2017-12-15 at 10 41 40 am

I'd say we could crop and have a title attribute to show the whole string. Or we could make the ellipsis clickable for people who want to see the whole rule.