Bug 146610

Summary: CSS rule with capital letter in <link rel=import> is ignored
Product: WebKit Reporter: Kurt Cho <kivoloid>
Component: CSSAssignee: 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   

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!