Bug 194011

Summary: REGRESSION (Safari 12): Sibling selector on :checked is broken
Product: WebKit Reporter: Leonid Tropin <che7ovek>
Component: CSSAssignee: Antti Koivisto <koivisto>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, koivisto, rniwa, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: Safari 12   
Hardware: Mac   
OS: macOS 10.14   
URL: https://codepen.io/Che7ovek/pen/zeoovr
Attachments:
Description Flags
Visual representation
none
Safari 15.6.1 and STP 151 match with all other browsers none

Leonid Tropin
Reported 2019-01-30 01:16:43 PST
Created attachment 360563 [details] Visual representation See bug on https://codepen.io/Che7ovek/pen/zeoovr If use "input:checked + label span" selector, then that styles confirmed to all spans in label tag after checked input, not only sibling's of that input. But specified input type in selector can fix it. //This generate bug input:checked + label span{ font-size: 2em; } //This don't input[type=checkbox]:checked + label span{ font-size: 2em; }
Attachments
Visual representation (42.68 KB, image/png)
2019-01-30 01:16 PST, Leonid Tropin
no flags
Safari 15.6.1 and STP 151 match with all other browsers (1.90 MB, image/png)
2022-08-20 13:16 PDT, Ahmad Saleem
no flags
Leonid Tropin
Comment 1 2019-01-30 01:19:52 PST
This bug works only in Safary 12.
Radar WebKit Bug Importer
Comment 2 2019-01-30 10:23:27 PST
Ahmad Saleem
Comment 3 2022-08-20 13:16:59 PDT
Created attachment 461771 [details] Safari 15.6.1 and STP 151 match with all other browsers I am unable to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 151 using attached test case (CodePen) and as can be seen from attached screenshot and it matches with other browsers. Thanks! I am going to mark this "RESOLVED CONFIGURATION CHANGED", please reopen if you think I am wrong. Thanks!
Note You need to log in before you can comment on or make changes to this bug.