1870450 - Tweaking CSS in DevTools triggers a GET request for variable fonts

Status: RESOLVED DUPLICATE of bug 1746159

(DevTools :: Inspector, defect, P3)

Description

[Saadat Mateen]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0

Steps to reproduce:

1. Go to https://saadatm.github.io/browser-bugs/vf-get-req/index.html. This is a simple web page that uses a variable font for its body.
2. Open the DevTools.
3. In the DevTools' Page Inspector, tweak any CSS property for the body or p tag (e.g. increase or decrease the max-width, line-height, or margin).

Actual results:

For every tweak done in the Page Inspector, the Network tab logs a new GET request for the variable font. As a result, the text of the web page flashes with each tweak.

Expected results:

New GET requests should not have been made for the variable font, and the text of the page should not have flashed with each CSS tweak in the Page Inspector.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Netmonitor' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Julian Descottes [:jdescottes]]

Everytime we update a style we end up replacing the stylesheet which leads to those additional requests.

Comment 3

[Nicolas Chevobbe [:nchevobbe][PTO - back on October 21]]

probably a dupe of Bug 1746159

Comment 4

[Saadat Mateen]

Just looked at Bug 1746159, and its reporter has mentioned that setting "Disable cache" to off stops the problem.

However, in my case, the issue remains even if I set "Disable cache" to off. The only difference that I can see is that in my example web page, a variable webfont is being used.