141533 2015-02-12 14:07:28 -0800 min-width @media query with huge length incorrectly evaluates to true 2022-08-30 02:19:57 -0700 1 1 1 Unclassified WebKit CSS WebKit Nightly Build Mac (Intel) OS X 10.11 RESOLVED CONFIGURATION CHANGED http://test.csswg.org/harness/test/mediaqueries-3_dev/single/min-width-001/ HasReduction, InRadar, W3CTest P2 Normal --- 1 webkit webkit-unassigned ahmad.saleem792 ap bfulgham oldest_to_newest 1068730 0 webkit 2015-02-12 14:07:28 -0800 Safari Version: 8.0.3 (10600.3.18) Original Bootstrap issue: https://github.com/twbs/bootstrap/issues/13632 Example URL: http://jsfiddle.net/Lc3vZ/ Steps to reproduce the problem: 1. Open http://jsfiddle.net/Lc3vZ/ 2. Note that it contains the following CSS: @media (min-width: 9999999999px) { body { background-color: red; } } What is the expected behavior? The media query's condition should not be deemed satisfied since my monitor isn't several miles wide, and the background-color in the "Result" pane should thus remain at its default of white. What went wrong? The media query's condition somehow evaluated to true even though my viewport/screen is significantly less than 9999999999px wide. Thus, in the "Result" pane, the background is red. Does this work in other browsers? Yes. In OS X Firefox 29.0.1 and OS X Chrome 40.0.2214.111, the media query's condition correctly evaluates to false. Chrome used to suffer from this same bug, but they've fixed it; see https://code.google.com/p/chromium/issues/detail?id=375574 More details: Based on http://www.w3.org/TR/css3-values/#length-value , Safari's current behavior seems incorrect: "In cases where the used length cannot be supported, user agents must approximate it in the actual value." So Safari should be clamping it to some maximum value instead. 1092305 1 252517 webkit 2015-05-06 13:48:12 -0700 Created attachment 252517 Copy of JS Fiddle example 1110353 2 webkit 2015-07-18 00:56:52 -0700 Filed a Radar for this: <rdar://problem/21886923> 1121972 3 webkit 2015-08-28 23:31:37 -0700 A testcase for this has been added to the CSSWG test suite: https://github.com/w3c/csswg-test/pull/788 1177178 4 webkit 2016-03-22 16:05:01 -0700 Still broken in Safari Version 9.1 (11601.5.17.1). 1230917 5 webkit 2016-09-17 23:11:31 -0700 Still broken in Tech Preview Release 13 (11603.1.5). 1894752 6 ahmad.saleem792 2022-08-30 02:19:50 -0700 I am not able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 152 and it does not turn background to red and all other browsers (Firefox Nightly 106 and Chrome Canary 107) are also same and does not turn the background to red. It might be related to this: https://github.com/WebKit/WebKit/commit/dad086a7dd9d4b8d46313d35e94881d4a56cf604 I am going to mark this as "RESOLVED CONFIGURATION CHANGED" but if someone can mark this as "DUPLICATE", if indeed above commit fixed this. Thanks! 252517 2015-05-06 13:48:12 -0700 2015-05-06 13:48:12 -0700 Copy of JS Fiddle example example-Lc3vZ.html text/html 367 webkit PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBodHRwLWVxdWl2PSJjb250ZW50 LXR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1VVEYtOCI+CiAgPHRpdGxlPiAtIGpz RmlkZGxlIGRlbW88L3RpdGxlPgogIAogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CiAgICBAbWVk aWEgKG1pbi13aWR0aDogOTk5OTk5OTk5OXB4KSB7CiAgICBib2R5IHsKICAgICAgICBiYWNrZ3Jv dW5kLWNvbG9yOiByZWQ7CiAgICB9Cn0KCiAgPC9zdHlsZT4KCgo8L2hlYWQ+Cjxib2R5PgogIFdo eSBhbSBJIHNlZWluZyByZWQgZXZlbiB0aG91Z2ggbXkgc2NyZWVuIGlzbid0IG1hbnkgbWlsZXMg d2lkZT8KICAKCjwvYm9keT48L2h0bWw+Cg==