Bug 273173 - SVG foreingObject incorrect transformation
Summary: SVG foreingObject incorrect transformation
Status: RESOLVED DUPLICATE of bug 23113
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 17
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2024-04-24 01:24 PDT by Roman Bruckner
Modified: 2024-04-24 11:33 PDT (History)
5 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Roman Bruckner 2024-04-24 01:24:04 PDT 
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/
Comment 1 Simon Fraser (smfr) 2024-04-24 11:33:10 PDT 

*** This bug has been marked as a duplicate of bug 23113 ***