serenity icon indicating copy to clipboard operation
serenity copied to clipboard

Published 20 hours ago • verified publisher icon SerenityOS

LibWeb: Deformed text on brave.com

Open theonlyasdk opened this issue 1 year ago • 5 comments

How it should look like (screenshot from Chrome):

image

How it looks like in Ladybird:

image

Steps to reproduce:

  1. Go to brave.com
  2. Scroll down to the Advanced Features section
  3. See deformed text under 3rd card

theonlyasdk avatar May 07 '24 13:05 theonlyasdk

I don't think it's the text, but rather something else, because the blurriness depends on the zoom (Ctrl + or Ctrl -) image (90%) image (100%) image (110%)

CPU: Ryzen 7 7800X3D GPU: Radeon RX 7900 XTX RAM: 32gb uname -mprs output: Linux 6.8.9-zen1-1-zen x86_64 unknown

trnxdev avatar May 07 '24 16:05 trnxdev

Hmm, if that's the case then it is probably a misplaced div with a blurred background?

theonlyasdk avatar May 07 '24 16:05 theonlyasdk

Uhhh... why is the inspector text blurred? I don't think it's a div image

P.S. Now that I look closer, you can really see even the image/line below the text is blurred

trnxdev avatar May 07 '24 16:05 trnxdev

Hmm, I assume the inspector text is also written in HTML? Let's wait until someone who works in this area looks into this issue

theonlyasdk avatar May 07 '24 17:05 theonlyasdk

It seems to me that it's this ::after pseudo element, but I can't quite tell where it comes from grafik

Hendiadyoin1 avatar May 08 '24 19:05 Hendiadyoin1