Closed
Bug 1404435
Opened 8 years ago
Closed 8 years ago
autofocus on HTML element makes CSS stop render blocking
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 712130
People
(Reporter: dbkats, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20170928100123
Steps to reproduce:
foo.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="test.css">
</head>
<body>
<h1>hello</h1>
<form>
<input type="text" name="search" autofocus>
</form>
</body>
</html>
test.css:
h1 { color: red; }
Spin up your favourite web server (won't work with file://) and open with firefox. I used flask to serve the above on a high port.
Actual results:
There was a render flash: "hello" flashed black before turning red. I believe this means that the CSS stopped being render blocking. This behaviour stopped after I removed the "autofocus" from the input element.
Expected results:
Wait until CSS loaded, then render the text as red directly.
I tested on Firefox 57 and Firefox nightly, and present in both. The larger the reliance of the page on CSS and the bigger the HTML, the more noticeable it is.
|
||
Updated•8 years ago
|
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
|
||
Updated•8 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•