Bug 146610 - CSS rule with capital letter in <link rel=import> is ignored
Summary: CSS rule with capital letter in <link rel=import> is ignored
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 8
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-07-04 08:19 PDT by Kurt Cho
Modified: 2022-07-24 13:51 PDT (History)
7 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Kurt Cho 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>
Comment 1 Ahmad Saleem 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!