Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Path clipping fails on webkit when child and path is outside screen bounds due to transform. #80377

Open
ferhatb opened this issue Apr 13, 2021 · 0 comments
Labels
c: rendering UI glitches reported at the engine/skia rendering level e: web_html HTML rendering backend for Web P2 Important issues not at the top of the work list platform-web Web applications specifically team-web Owned by Web platform team triaged-web Triaged by Web platform team

Comments

@ferhatb
Copy link
Contributor

ferhatb commented Apr 13, 2021

<div clip-path=... width="100px" height="100px; position:absolute">
     <div style="transform=translate(-50, 100); width=200px; height=200px; position=absolute;">
        <img>

clips image incorrectly in webkit. Changing translation on inner div shifts clipped area although clip space units are object bounds and positions are absolute.

Steps to Reproduce

flutter/engine#25520 uses oval to fix specific repro case.

Potential fixes/workarounds

Use absolute coordinates instead of objectBounds for clip space units.
Create static html for repro and file bug report with webkit.

@ferhatb ferhatb added platform-web Web applications specifically e: web_html HTML rendering backend for Web P2 Important issues not at the top of the work list labels Apr 13, 2021
@pedromassangocode pedromassangocode added passed first triage c: rendering UI glitches reported at the engine/skia rendering level labels Apr 14, 2021
@flutter-triage-bot flutter-triage-bot bot added team-web Owned by Web platform team triaged-web Triaged by Web platform team labels Jul 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: rendering UI glitches reported at the engine/skia rendering level e: web_html HTML rendering backend for Web P2 Important issues not at the top of the work list platform-web Web applications specifically team-web Owned by Web platform team triaged-web Triaged by Web platform team
Projects
Development

No branches or pull requests

3 participants