Skip to content

Safari does not update visuals when DOM element with shadow is removed #57527

@yjbanov

Description

@yjbanov

(splitting out the DOM update issue (#55933 (comment)) from shadow inconsistency issue (#55933))

When we remove an RRect with a shadow, sometimes Safari would still show the shadow from the element (albeit it does remove the rounded corners). In the example below, the rectangle surrounding the "200 x 200" image with a shadow does not actually exist in the DOM. It used to exist on a previous frame as an element with rounded corners and a shadow.

phantom shadow

This does not happen in Chrome or Firefox.

Repro: the original repro steps in #55933 demonstrate this issue (here it is hosted: https://flwtbeta.netlify.app/#/)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: fidelityMatching the OEM platforms betterbrowser: safari-macosonly manifests in Safari on macOSc: renderingUI glitches reported at the engine/skia or impeller rendering levele: web_htmlHTML rendering backend for Webengineflutter/engine related. See also e: labels.found in release: 1.22Found to occur in 1.22frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specifically

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions