RESOLVED CONFIGURATION CHANGED146610
CSS rule with capital letter in <link rel=import> is ignored 
https://bugs.webkit.org/show_bug.cgi?id=146610
Summary CSS rule with capital letter in <link rel=import> is ignored
Kurt Cho
Reported 2015-07-04 08:19:14 PDT
The CSS rules with capital letter in <link rel=import> seems to be ignored in WebKit. For example, the CSS rule ".foo .barWithCapital" is not applied to the document, unlike the other rules in the code below. <!-- test.html --> <html> <head> <link rel="import" href="/out/test-library.html"> </head> <body> <div class="foo"> <input class="barwithoutcapital barWithCapital" /> </div> </body> </html> <!-- test-library.html --> <style> .foo * { position: relative; } .foo input { top: 30px; } .foo .barWithCapital { left: 20px; } .foo .barwithoutcapital { border: 2px solid black; } </style>
Attachments
Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-07-24 10:50:55 PDT
I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 using test case mentioned in Comment 0 and changed into following JSFiddle: Link - https://jsfiddle.net/t1hysm3p/show Safari 15.6 matches with other browsers (Chrome Canary 106 and Firefox Nightly 104) and show the input 20px left side and can be seen in "Computed" from Developer Tools as well. Since all browsers are matching with each other, I think this can be considered as "RESOLVED WONTFIX" or "RESOLVED INVALID" or "RESOLVED CONFIGURATION CHANGED" or accordingly. Thanks!
Note You need to log in before you can comment on or make changes to this bug.