Bug 273173
| Summary: | SVG foreingObject incorrect transformation | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Roman Bruckner <bruckner.roman> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | akeerthi, sabouhallawa, simon.fraser, zalan, zimmermann |
| Priority: | P2 | ||
| Version: | Safari 17 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Roman Bruckner
HTML <input/> element inside <foreignObject> is incorrectly transformed (scale + translate).
While other browsers transform HTML as expected, Safari renders input differently based on CSS position type.
- static: transforms ok, but <input type="number"/> buttons are off
- absolute: does not scale, nor translate
- fixed: translates, but does not scale
Here's an example:
https://jsfiddle.net/kumilingus/zmLvadcu/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 23113 ***