Up/Downscaling causes Artifacts in font
Categories
(Core :: Graphics, defect, P2)
Tracking
()
People
(Reporter: Yoinker, Unassigned)
Details
Attachments
(4 files)
grafic1.png
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:132.0) Gecko/20100101 Firefox/132.0
Steps to reproduce:
For whatever reason the best reason to reproduce it is on this very gitlab site
https://gitlab.freedesktop.org/mesa/mesa/-/merge_requests/32115
When using ctrl+Mousewheel to scale i can reproduce some Artifacts around the fonts.
Best way to do so is to open the page linked above.
Then scale the website down to 90% then back to 100% then up to 110% then down again to 100% then 90%... repeat that and keep a look at the font where it says:
"Should fix a bunch of remaining displayable DCC issues."
Sometimes you'll be able to spot some artifacts in the font. I'll attach some screenshots. The Artifacts disappear when marking the text or move the mouse to the URL-Bar. I'll attach some screenshots. On the first screenshot you should be able to see it on the dot of the "i" in the word issue. The second screenshot will be more obvious.
This is on
Linux.
RX7700XT
Actual results:
When up/downscaling a website sometimes artifacts around fonts will appear
Expected results:
no artifacts should appear
|
||
Updated•1 year ago
|
|
||
Comment 2•1 year ago
|
||
Can we please get the output of your about:support page attached to this report?
|
|
||
Comment 3•1 year ago
|
||
Jonathan, might you have any insights you can provide here?
|
||
Comment 4•1 year ago
|
||
(In reply to Bob Hood [:bhood] from comment #3)
Jonathan, might you have any insights you can provide here?
The text in the screenshots where the problem occurs is plain HTML content, Canvas2D isn't involved here; moving back to Graphics.
:Yoinker, have you ever noticed artifacts like this on non-text parts of the content, such as borders, buttons, icons? It's not clear to me whether this is specifically a text/font-related glitch, or a more general graphics-rendering glitch that's most obvious when it happens to hit a glyph, because a few misplaced pixels on an image, for example, might go unnoticed.
The statement that "The Artifacts disappear when marking the text or move the mouse to the URL-Bar" suggests that the issue isn't with rasterizing the glyphs (or the problems would persist); rather, it's more like at the level of blitting the rasterized glyphs to a surface, or maybe refreshing areas (tiles?) of the screen. The fact that the glitches in the comment 1 image are all at the same height makes me wonder if that corresponds to an edge of an area being repainted, and there's some sort of inconsistent behavior at edges.
I tried to reproduce this as described in comment 0, but it's not happening for me. It looks to me like it must be somewhere fairly low down in the stack, maybe even a flaky graphics driver or card.
have you ever noticed artifacts like this on non-text parts of the content, such as borders, buttons, icons? I
Yes i also made a bug report about that a while ago here https://bugzilla.mozilla.org/show_bug.cgi?id=1927253. Thinking it wasn't related. But now thinking about it i guess the two issues can be merged. I'll attach the about:support
A thing i want to mention: It seems like when i run firefox in a Window that is like 1080p i don't seem to be able to reproduce the issue. Though as soon as i maximize the Window or drag it close to maximized (i have a 1440p screen) the bug seem to be reproducible again if i repeat the steps i posted in my original post a few times.
I also have to correct myself. Touching the URL-Bar doesn't get rid of the issue. Marking the Text does though.
It also doesn't seem to happen on Windows. It seems like it is best provoked by not just go down to 90 and up to 110 but go up to like 130 and down again. Basically play around. As mentioned above. It seems like some edges on other elements can have misplaced pixels as well.
I still think https://bugzilla.mozilla.org/show_bug.cgi?id=1927253 could be merged since it is pretty much the same issue?
I'll upload another great example where it is at the same spot of each button (on bottom)
Description
•