Closed
Description
Steps to reproduce:
- Visit, e.g. https://doc.rust-lang.org/std/string/trait.ToString.html
- Open Chrome Developer Tools
- Click the Sources tab, then main1.56.0.js.
- Click the first line of main1.56.0.js to set a breakpoint.
- Reload.
- Notice that the search box is grey, but it will later become white.
The search box has for a long time been disabled on page load, until the JS runs. It being grey is a side effect of #85367. Before that, our search-focus:disabled
style wasn't getting applied. After that, it is. As a quick fix I think we should remove the grey styling on the disabled search bar. I know this means that no-JS users won't have as good a visual indication that the search bar is disabled. Perhaps we should address this by having styles inside a <noscript>
tag that hide the search bar entirely.
It's good to minimize the number of changes that happen during page load - this reduces visual distractions and help page loads feel fast.