41425 2010-06-30 13:17:46 -0700 Negative shadow radius should make shadow properties invalid 2023-01-25 16:40:09 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All OS X 10.5 RESOLVED FIXED P2 Normal --- 1 simon.fraser simon.fraser ahmad.saleem792 bdakin karlcow mitz ntim oldest_to_newest 244911 0 simon.fraser 2010-06-30 13:17:46 -0700 We should throw out box-shadow and text-shadow properties when the blur radius is negative; the rule should be considered invalid. 1886209 1 ahmad.saleem792 2022-07-23 07:24:42 -0700 https://wpt.fyi/results/css/css-backgrounds/box-shadow-radius-001.html?label=master&label=experimental&aligned&q=shadow-radius It has box-shadow negative values coverage. Ignore my comment, if I am wrong. Thanks! 1928327 2 464659 karlcow 2023-01-25 16:39:49 -0800 Created attachment 464659 test for negative values in box|text-shadow The negative values in these tests are the spread-radius (4th value), not the border radius. Negative values are authorized on the 4th value. https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow box-shadow: offset-x | offset-y | blur-radius | spread-radius | color 3rd <length [0,∞]> Specifies the blur radius. Negative values are invalid. If the blur value is zero, the shadow’s edge is sharp. Otherwise, the larger the value, the more the shadow’s edge is blurred. See Shadow Blurring, below. — https://w3c.github.io/csswg-drafts/css-backgrounds/#box-shadow https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow text-shadow: offset-x | offset-y | blur-radius | color OR text-shadow: color | offset-x | offset-y | blur-radius https://w3c.github.io/csswg-drafts/css-text-decor/#text-shadow-property doesn't really forbid the negative value apart a reference to the length where it says it can be problematic. The story is slightly different in text-shadow 4 https://drafts.csswg.org/css-text-decor-4/#text-shadow-property where it explicitly reference the box-shadow way of doing things. https://drafts.csswg.org/css-backgrounds-3/#typedef-shadow I uploaded a test. There's no styling going on when the values are negative. So probably this has been solved in the past. And we can also see this in the Web Inspector. 464659 2023-01-25 16:39:49 -0800 2023-01-25 16:39:49 -0800 test for negative values in box|text-shadow test-box-text-shadow-negative.html text/html 871 karlcow PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0 PSJVVEYtOCI+CiAgICA8bWV0YSBodHRwLWVxdWl2PSJYLVVBLUNvbXBhdGlibGUiIGNvbnRlbnQ9 IklFPWVkZ2UiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmlj ZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgogICAgPHRpdGxlPlRlc3QgZm9yIG5lZ2F0aXZl IGJvcmRlci1yYWRpdXMgb24gdGV4dC1zaGFkb3cgYW5kIGJveC1zaGFkb3c8L3RpdGxlPgo8c3R5 bGU+CiAgICBkaXYge21hcmdpbjogMjBweH0KICAgICNib3hzaGFkb3dnb29kIHsKICAgICAgICB3 aWR0aDogMTAwcHg7CiAgICAgICAgaGVpZ2h0OiAxMDBweDsKICAgICAgICBib3gtc2hhZG93OiAx MHB4IDEwcHggMTBweCBncmVlbgogICAgfQogICAgI3RleHRzaGFkb3dnb29kIHt0ZXh0LXNoYWRv dzogMTBweCAxMHB4IDEwcHggZ3JlZW59CiAgICAjYm94c2hhZG93IHsKICAgICAgICB3aWR0aDog MTAwcHg7CiAgICAgICAgaGVpZ2h0OiAxMDBweDsKICAgICAgICBib3gtc2hhZG93OiAxMHB4IDEw cHggLTEwcHggcmVkCiAgICB9CiAgICAjdGV4dHNoYWRvdyB7dGV4dC1zaGFkb3c6IDEwcHggMTBw eCAtMTBweCByZWR9Cjwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+CjxkaXYgaWQ9ImJveHNoYWRvd2dv b2QiPkdPT0Q8L2Rpdj4KCjxkaXYgaWQ9ImJveHNoYWRvdyI+QkFEPC9kaXY+Cgo8ZGl2IGlkPSJ0 ZXh0c2hhZG93Z29vZCI+dGV4dCB3aXRoIHBvc2l0aXZlIGJvcmRlci1yYWRpdXM8L2Rpdj4KPGRp diBpZD0idGV4dHNoYWRvdyI+dGV4dCB3aXRoIG5lZ2F0aXZlIGJvcmRlci1yYWRpdXM8L2Rpdj4K CjwvYm9keT4KPC9odG1sPg==