ladybird icon indicating copy to clipboard operation
ladybird copied to clipboard

Published 20 hours ago • verified publisher icon LadybirdBrowser

text-shadow doesn't disappear after unhovering until the browser window is resized

Open sppmacd opened this issue 1 month ago • 3 comments

Reproduce:

<!DOCTYPE html>
<style>
    span:hover {
        text-shadow: 0 0 3px #58a1e6;
    }
</style>
<span>Hover over this span</span>
  • hover over the text, then stop hovering
  • the shadow doesn't disappear
  • you can trigger disappear by resizing browser window

"Dump Display List" shows this:

Save
  ApplyTransform matrix=[1 0 0 1 0 0]
  SaveLayer
    PaintTextShadow shadow_rect=[0,0 165x30] text_rect=[6,21 153x18] draw_location=[2,2] blur_radius=3 color=rgb(88, 161, 230) scale=1
    DrawGlyphRun rect=[8,8 153x18] translation=[8,23.21875] color=rgb(0, 0, 0) scale=1
  Restore
Restore

sppmacd avatar Oct 25 '25 21:10 sppmacd

any video plzz @sppmacd

Thunder07-blip avatar Oct 26 '25 12:10 Thunder07-blip

@Thunder07-blip

any video plzz @sppmacd

You can run the provided reproduction case yourself in Ladybird and other browsers. No need to ask for a video.

gmta avatar Oct 26 '25 13:10 gmta

I've encountered a similar issue in my own testing.

cabbagehao avatar Oct 26 '25 14:10 cabbagehao