38927 2010-05-11 12:32:15 -0700 Make the :window-inactive pseudo class apply to everything (or atleast the body/root element) 2024-01-25 17:44:22 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC OS X 10.5 REOPENED InRadar P2 Normal --- 1 timothy webkit-unassigned ahmad.saleem792 ap bdakin bfulgham hyatt joepeck marcoos+bwo mitz ntim rniwa simon.fraser webkit-bug-importer zalan oldest_to_newest 224086 0 timothy 2010-05-11 12:32:15 -0700 Right now scrollbars and selection work with window-inactive. But it would be useful for other things, at least the body/root element. From CSSStyleSelector.cpp: // FIXME: This is a temporary hack for resizers and scrollbar corners. Eventually :window-inactive should become a real // pseudo class and just apply to everything. 1029298 1 236642 joepeck 2014-08-14 20:34:32 -0700 Created attachment 236642 [TEST] Reduction Hey! It seems like this selector now works for any element because of: http://trac.webkit.org/changeset/172220 However it seems that querySelector identifies the elements, but the elements do not recalculate style and repaint. For example (attached test): <style> div { width: 200px; height: 200px; background: blue; } div:window-inactive { background: red; } </style> <div></div> Note when inspector is focused that querySelector("div:window-inactive") finds the div. But the div is not red =( 1887159 2 ahmad.saleem792 2022-07-27 13:58:19 -0700 I am able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached test case and it shows "Red" square / box while all other browsers (Chrome Canary 106 & Firefox Nightly 105) show "Blue" square / box. Thanks! 1887206 3 webkit-bug-importer 2022-07-27 17:53:17 -0700 <rdar://problem/97693996> 1984013 4 ahmad.saleem792 2023-10-10 09:24:00 -0700 Seems to be fixed in Safari 17 and Safari Technology Preview 180 and show 'Blue' square. Marking this as 'RESOLVED CONFIGURATION CHANGED'. It might be fixed by Anne's selector serialization bug. Although happy if some can do triage and add related commits detail, where this get fixed. 2007436 5 timothy 2024-01-24 19:02:01 -0800 Not fixed. The div should be blue when the window is focused, and red when it is in the background. 2007785 6 ntim 2024-01-25 17:44:22 -0800 I don't think we should pursue this, we should instead look into standardizing a media query https://github.com/w3c/csswg-drafts/issues/5828 236642 2014-08-14 20:34:32 -0700 2014-08-14 20:34:32 -0700 [TEST] Reduction window-inactive-reduction.html text/html 126 joepeck PHN0eWxlPgpkaXYgeyB3aWR0aDogMjAwcHg7IGhlaWdodDogMjAwcHg7IGJhY2tncm91bmQ6IGJs dWU7IH0KZGl2OndpbmRvdy1pbmFjdGl2ZSB7IGJhY2tncm91bmQ6IHJlZDsgfQo8L3N0eWxlPgoK PGRpdj48L2Rpdj4K