Bug 146610
| Summary: | CSS rule with capital letter in <link rel=import> is ignored | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Kurt Cho <kivoloid> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Major | CC: | ahmad.saleem792, ap, benjamin, bfulgham, rniwa, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | Windows 8 | ||
Kurt Cho
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
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!