question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Case sensitive CSS class names when creating component host element

See original GitHub issue

Hello,

I believe having case sensitive CSS classes would be really beneficial.

Example:

@Component({
selector: 'example-tag.ExampleClass'
})

would be rendered as <example-tag class="ExampleClass"> </example-tag>

The problems this would solve are that you cannot put classes on elements inserted by router-outlet. And for people who adopted certain conventions, it might be limiting them. Example convention

https://suitcss.github.io/

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:27 (12 by maintainers)

github_iconTop GitHub Comments

2reactions
lacolacocommented, Nov 29, 2016

an idea; CASE_SENSITIVE_SCHEMA to enable that feature.

@NgModule({
  schemas: [CASE_SENSITIVE_SCHEMA]
})
0reactions
angular-automatic-lock-bot[bot]commented, Nov 27, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Are class names in CSS selectors case sensitive?
The case sensitivity of document language element names, attribute names, and attribute values in selectors depends on the document language.
Read more >
Attribute selectors - CSS: Cascading Style Sheets | MDN
Represents elements with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly value.
Read more >
The Beginner's Guide to CSS Classes - HubSpot Blog
CSS classes enable you to apply unique style properties to groups of HTML elements to achieve your desired web page appearance. In this...
Read more >
Naming convention / Methodology / BEM
The name of a BEM entity is unique. The same BEM entity always has the same name in all technologies (CSS, JavaScript, and...
Read more >
Summarized test results: Case sensitivity in selectors (CSS ...
If the name of an HTML div element in a selector is lowercase and the tag is uppercase in the markup, the style...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found