263711 2023-10-26 00:38:16 -0700 round(), mod(), and rem() do not work when there is a percentage for only one value 2024-08-31 08:20:43 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=259714 InRadar P2 Normal --- 1 kizmarh webkit-unassigned ana.tudor.lhnh heycam koivisto nmouchtaris ntim sam simon.fraser webkit-bug-importer oldest_to_newest 1987679 0 468349 kizmarh 2023-10-26 00:38:16 -0700 Created attachment 468349 CodePen with the bug reproduced I noticed a bug in Safari (regular and TP) in how it handles mixed units for round(), mod() and rem() that include a %, but only when it does include it for one value (only A or B, not both as in the above tests). First reduced in this CodePen: https://codepen.io/kizu/pen/BaMaYwE?editors=1100 (all elements should have the same width with the green part visible on the right), decided to submit it as my first WPT test: https://github.com/web-platform-tests/wpt/pull/42676 (merged) Can be seen as failing here: https://wpt.fyi/results/css/css-values/round-mod-rem-computed.html?label=experimental&label=master&aligned&q=css%2Fcss-values%2Fround-mod-rem-computed.html Current workaround: add 0% to the other part so both contain px and %. Adding the saved CodePen html as an attachment as well. 1987851 1 webkit-bug-importer 2023-10-26 15:42:28 -0700 <rdar://problem/117554926> 2056795 2 sam 2024-08-31 08:20:43 -0700 This is fixed in ToT (was fixed as part of the calc() re-write - https://bugs.webkit.org/show_bug.cgi?id=278244) 468349 2023-10-26 00:38:16 -0700 2023-10-26 00:38:16 -0700 CodePen with the bug reproduced CodePen - Round with variables.html text/html 1369 kizmarh PCFET0NUWVBFIGh0bWw+CjwhLS0gc2F2ZWQgZnJvbSB1cmw9KDAwNjYpaHR0cHM6Ly9jZHBuLmlv L3Blbi9kZWJ1Zy9CYU1hWXdFP2F1dGhlbnRpY2F0aW9uX2hhc2g9d1FyUG9Xam9ManlNIC0tPgo8 aHRtbCBsYW5nPSJlbiI+PGhlYWQ+PG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250 ZW50PSJ0ZXh0L2h0bWw7IGNoYXJzZXQ9VVRGLTgiPgogIAogIAogIAogIAoKICA8dGl0bGU+Q29k ZVBlbiAtIFJvdW5kIHdpdGggdmFyaWFibGVzPC90aXRsZT4KCiAgICA8bGluayByZWw9ImNhbm9u aWNhbCIgaHJlZj0iaHR0cHM6Ly9jb2RlcGVuLmlvL2tpenUvcGVuL0JhTWFZd0UiPgogIAogIAog IAogIAo8c3R5bGU+CmRpdiA+IGRpdjo6YmVmb3JlIHsKICBjb250ZW50OiBhdHRyKHN0eWxlKTsK fQo8L3N0eWxlPgoKICAKICAKICAKPC9oZWFkPgoKPGJvZHk+CiAgPGRpdiBzdHlsZT0iYmFja2dy b3VuZDogbGltZTsgd2lkdGg6IDcwMHB4O2NvbnRhaW5lci10eXBlOiBpbmxpbmUtc2l6ZTsiPgog IDxkaXYgc3R5bGU9IgogICAgYmFja2dyb3VuZDogcGluazsKICAgIHdpZHRoOgogICAgICByb3Vu ZCgKICAgICAgICBkb3duLAogICAgICAgIDEwMCUsCiAgICAgICAgMjAwcHgKICAgICAgKTsKICAi PjwvZGl2PgoKICA8ZGl2IHN0eWxlPSIKICAgIGJhY2tncm91bmQ6IHBpbms7CiAgICB3aWR0aDoK ICAgICAgcm91bmQoCiAgICAgICAgZG93biwKICAgICAgICB2YXIoLS1mb28sIDcwMHB4KSwKICAg ICAgICAyMDBweAogICAgICApOwogICI+PC9kaXY+CgoKICA8ZGl2IHN0eWxlPSIKICAgIGJhY2tn cm91bmQ6IHBpbms7CiAgICB3aWR0aDoKICAgICAgcm91bmQoCiAgICAgICAgZG93biwKICAgICAg ICAxMDBjcXcgKyB2YXIoLS1mb28sIDBweCksCiAgICAgICAgMjAwcHgKICAgICAgKTsKICAiPjwv ZGl2PgoKICA8ZGl2IHN0eWxlPSIKICAgIGJhY2tncm91bmQ6IHBpbms7CiAgICB3aWR0aDoKICAg ICAgcm91bmQoCiAgICAgICAgZG93biwKICAgICAgICAxMDAlICsgMHB4LAogICAgICAgIDIwMHB4 CiAgICAgICk7CiAgIj48L2Rpdj4KCiAgPGRpdiBzdHlsZT0iCiAgICBiYWNrZ3JvdW5kOiBwaW5r OwogICAgd2lkdGg6CiAgICAgIHJvdW5kKAogICAgICAgIGRvd24sCiAgICAgICAgMTAwJSArIHZh cigtLWZvbywgMHB4KSwKICAgICAgICAyMDBweAogICAgICApOwogICI+PC9kaXY+CgogIDxkaXYg c3R5bGU9IgogICAgYmFja2dyb3VuZDogcGluazsKICAgIHdpZHRoOgogICAgICByb3VuZCgKICAg ICAgICBkb3duLAogICAgICAgIDEwMCUgKyB2YXIoLS1mb28sIDBweCksCiAgICAgICAgMjAwcHgg KyAwJQogICAgICApOwogICI+PC9kaXY+CjwvZGl2PgogIAogIAogIAoKCgo8L2JvZHk+PC9odG1s Pg==