Bug 190749 – shape-rendering should serialize in lower case

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Eric Willigers]

Similar to https://bugs.webkit.org/show_bug.cgi?id=190685

CSS keywords for the following properties are currently not being serialized in lower case:
- color-rendering
- image-rendering
- shape-rendering
- text-rendering

Spec requiring lower case: https://drafts.csswg.org/cssom/#serializing-css-values

Blink had the same bug: https://bugs.chromium.org/p/chromium/issues/detail?id=863741

[Radar WebKit Bug Importer]

<rdar://problem/96321574>

[Ahmad Saleem]

*** Safari 17.6 ***


Property	Assigned	Serialized	Computed
'color-interpolation'	'linearRGB'	'linearrgb'	'linearrgb'
'color-rendering'	'optimizeSpeed'	'optimizeSpeed'	'undefined'
'image-rendering'	'optimizequality'	'optimizequality'	'optimizequality'
'shape-rendering'	'crispEdges'	'crispedges'	'crispedges'
'text-rendering'	'optimizeSpeed'	'optimizespeed'	'optimizespeed'


*** Firefox Nightly 131 ***

Property 	Assigned 	Serialized 	Computed
'color-interpolation'	'linearRGB'	'linearrgb'	'linearrgb'
'color-rendering'	'optimizeSpeed'	'optimizeSpeed'	'undefined'
'image-rendering'	'optimizequality'	'optimizequality'	'optimizequality'
'shape-rendering'	'crispEdges'	'crispedges'	'crispedges'
'text-rendering'	'optimizeSpeed'	'optimizespeed'	'optimizespeed'

*** Chrome Canary 129 ***


Property	Assigned	Serialized	Computed
'color-interpolation'	'linearRGB'	'linearrgb'	'linearrgb'
'color-rendering'	'optimizeSpeed'	'optimizespeed'	'optimizespeed'
'image-rendering'	'optimizequality'	''	'auto'
'shape-rendering'	'crispEdges'	'crispedges'	'crispedges'
'text-rendering'	'optimizeSpeed'	'optimizespeed'	'optimizespeed'


___

Test Case from Blink bug - https://jsfiddle.net/ericwilligers/xb2s0ago/

[Karl Dubost]

Pull request: https://github.com/WebKit/WebKit/pull/32583

[Karl Dubost]

Ah wait this was already fixed. :facepalm:

[Karl Dubost]

as the results of Ahmad are showing above.