1817546 - Very blurry text in bespoke.js presentation

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Gregory Pappas [:gregp]]

Attachment: blurry.png

Steps to reproduce:

1. Navigate to https://markdalgleish.github.io/presentation-build-wars-gulp-vs-grunt/

Actual results:
Text is blurry

Expected results:
Text is not blurry

I can't find a clear regression range. It seems less bad in Firefox 78, then it got worse around Firefox 80, then got better around Firefox 90, then got worse again.

Comment 1

[Timothy Nikkel (:tnikkel)]

Attachment: mostly reduced.html

Comment 2

[Lee Salzman [:lsalzman]]

At first I thought this was because we hit the maximum glyph scale limit, but it appears that even if I make the glyphs smaller they just get even blurrier. It appears more like we're rendering the whole run to a low res texture and then scaling it up later? Removing the "perspective" line from the style makes the text sharper again, so that would support the idea that we're rendering to a temporary target, then applying the perspective transform to it. Glenn?

Comment 3

[Glenn Watson [:gw]]

There's nothing in the reduced test case that suggests we'd create an off-screen target here, and I don't see anything in the debug render target view that suggests we're creating a target. I suspect the perspective node is tripping up where we calculate the appropriate scale factor to rasterize glyphs at (the debug texture cache view seems to support that, I think).

Comment 4

[Timothy Nikkel (:tnikkel)]

I think this is probably the same issue as bug 1806281.