1559350 - Grid line numbers disappear when zooming the page

Status: NEW

(DevTools :: Inspector, defect, P2)

Description

[Martin Balfanz [:mbalfanz]]

Attachment: Screenshot 2019-06-14 at 12.08.03.png

STR:

1. visit a site that's using CSS grid, e.g. https://gridbyexample.com/
2. open Devtools and enable the grid highlighter. Make sure "Display line numbers" is checked
3. zoom in the page a couple of times (e.g. 170%)

ER:

• line numbers should remain visible

AR:

• line numbers at the end of the grid container disappear. In my case, I can see the numbers up to line 4 our of 7

Comment 1

[Brad Werth [:bradwerth]]

I can reproduce. I also found an additional issue. On the https://gridbyexample.com/ page at 240% zoom, the grid overlay disappears entirely and the Layout -> Grid expandable section reports "CSS Grid is not in use on this page". Zooming back down to 200% restores the Grid panel, but the overlay checkbox is cleared and has to be re-activated. This might be a separate bug but I'll let whoever works on this decide if that is the case.