139183 2014-12-02 08:42:57 -0800 CSS first-letter property is not respected by the SVG <text> element 2026-04-02 07:16:55 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) Unspecified Unspecified NEW https://wpt.fyi/results/svg/text/reftests/first-letter.svg InRadar P2 Normal --- 1 sabouhallawa webkit-unassigned karlcow webkit-bug-importer zimmermann oldest_to_newest 1051837 0 242409 sabouhallawa 2014-12-02 08:42:57 -0800 Created attachment 242409 Test first-letter style element with the svg <text> element. Open the attached file and compare it with the expected results. They should be identical. The CSS first-letter is not respected by the SVG text element. If the selector is text::first-letter or ::first-letter is in the style section of the svg, it has no effect. It is expected to have the first letter drawn with the style specified in the first-letter element. NOTE: The attached file is an imported test from Mozilla test suite for svg 1051839 1 242411 sabouhallawa 2014-12-02 08:43:30 -0800 Created attachment 242411 Expected file 1051840 2 webkit-bug-importer 2014-12-02 08:44:01 -0800 <rdar://problem/19114946> 2196286 3 karlcow 2026-04-02 07:16:55 -0700 This is tested here https://wpt.fyi/results/svg/text/reftests/first-letter.svg ``` <svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml"> <metadata> <h:title>first-letter should apply to SVG text</h:title> <h:link rel="help" href="https://www.w3.org/TR/SVG2/text.html#TextProperties"/> <h:link rel="match" href="first-letter-ref.svg"/> <h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> </metadata> <style> text { font-family: Ahem; font-size: 50px; } text::first-letter { fill: green; } </style> <text x="100" y="100"> <tspan>XXXX</tspan> </text> </svg> ``` 242409 2014-12-02 08:42:57 -0800 2014-12-02 08:42:57 -0800 Test first-letter style element with the svg <text> element. pseudo-first-letter.svg image/svg+xml 387 sabouhallawa PCEtLQogICAgIEFueSBjb3B5cmlnaHQgaXMgZGVkaWNhdGVkIHRvIHRoZSBQdWJsaWMgRG9tYWlu LgogICAgIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL3B1YmxpY2RvbWFpbi96ZXJvLzEuMC8K LS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzAwIiBo ZWlnaHQ9IjIwMCI+CiAgPHN0eWxlPgogICAgdGV4dDo6Zmlyc3QtbGV0dGVyIHsgZm9udC1zaXpl OiAzMnB4IH0KICA8L3N0eWxlPgogIDx0ZXh0IHg9IjEwMCIgeT0iMTAwIiBzdHlsZT0iZm9udDog MTZweCBzYW5zLXNlcmlmIj5oZWxsbyB0aGVyZSBldmVyeW9uZQogICAgPHRzcGFuIHg9IjEwMCIg eT0iMTIwIj5hbmQgZ29vZCBuaWdodDwvdHNwYW4+PC90ZXh0Pgo8L3N2Zz4K 242411 2014-12-02 08:43:30 -0800 2014-12-02 08:43:30 -0800 Expected file pseudo-first-letter-expected.svg image/svg+xml 355 sabouhallawa PCEtLQogICAgIEFueSBjb3B5cmlnaHQgaXMgZGVkaWNhdGVkIHRvIHRoZSBQdWJsaWMgRG9tYWlu LgogICAgIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL3B1YmxpY2RvbWFpbi96ZXJvLzEuMC8K LS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzAwIiBo ZWlnaHQ9IjIwMCI+CiAgPHRleHQgeD0iMTAwIiB5PSIxMDAiIHN0eWxlPSJmb250OiAxNnB4IHNh bnMtc2VyaWYiPjx0c3BhbiBmb250LXNpemU9IjMycHgiPmg8L3RzcGFuPmVsbG8gdGhlcmUgZXZl cnlvbmUKICAgIDx0c3BhbiB4PSIxMDAiIHk9IjEyMCI+YW5kIGdvb2QgbmlnaHQ8L3RzcGFuPjwv dGV4dD4KPC9zdmc+Cg==