Conflict with text-transform: capitalize
See original GitHub issueWhen the text-transform:capitalize
property is specified, the highlight does not work as expected as it capitalizes the next letter.
Steps to reproduce
https://jsfiddle.net/6hwsztdx/
Environment
- Browser name and version
- mark.js version
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Why Css text-transform capitalize not working? - Stack Overflow
Capitalize only affects the first letters of words. It will not change the case of the rest of the letters in a word....
Read more >Capitalizing With CSS: CSS Uppercase and Lowercase Guide
Adding a CSS uppercase text-transform saves you from manually rewriting a text you want in uppercase. Learn how to use text-transform here.
Read more >Inconsistent withText behavior with text-transform:uppercase
The link has textContext Products , uppercase implemented via text-transform:uppercase . Selector('a').withText('PRODUCTS') finds an element in ...
Read more >text-transform - CSS: Cascading Style Sheets - MDN Web Docs
The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or ...
Read more >All Caps in CSS - How to Uppercase Text with Style
You can use the text-transform CSS property to capitalize text in different forms. This property can modify text to be in uppercase, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thanks for your quick reply @julmot
Sure. I will post it there.
But, can you once have a look at this fiddle. Why doesn’t
i
capitalize?EDIT: dynamically adding the
<mark>
tag causes the I to capitalize. https://jsfiddle.net/hdhtzmog/1/Thanks @gondar00. I’ve participated in this bug ticket and will keep an eye on it. In the meantime, I’m going to close this ticket.