Devtools grid inspector hangs tab
Categories
(DevTools :: Inspector, defect, P2)
Tracking
(Not tracked)
People
(Reporter: ycw7788, Unassigned)
Details
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0
Steps to reproduce:
Given
HTML
<body><a>1</a></body>
CSS
body {
display : grid;
writing-mode : vertical-rl;
width : 100%;
}
Then
- open devtools
- select Inspector tab
- select Layout tab at sidebar
- open Grid section
- check "body" in Overlay Grid column
- check "Extend lines infinitely" in Grid Display Settings column
- hang!
Actual results:
The page hangs forever.
Expected results:
It should print grid lines overlaying on body element
|
||
Updated•6 years ago
|
|
||
Comment 1•6 years ago
|
||
Tested and confirmed in Firefox 66 and Firefox 67 on Windows 10.
In step 7 above, you can confirm the hang by just trying to resize the browser window. You should see that the content area remains frozen and does not adapt to the new window size.
The rest of the browser and DevTools are fine. So only the content process hangs.
If I try without the writing-mode : vertical-rl; part, then the problem does not seem to occur.
|
|
||
Comment 2•6 years ago
|
||
I just tested on macOS with Firefox 66 and 67, and it works fine there. I was not able to reproduce this issue.
|
|
||
Comment 3•6 years ago
|
||
This looks like an infinite loop somewhere in /devtools/server/actors/highlighters/css-grid.js. I started a profiler recording and could see that the updateCanvasElement was being called right when it started to hang.
|
||
Updated•2 years ago
|
Description
•