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.

Conflict with text-transform: capitalize

See original GitHub issue

When 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/

image

Environment

  • Browser name and version
  • mark.js version

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
gondar00commented, May 9, 2018

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/

0reactions
julmotcommented, May 11, 2018

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.

Read more comments on GitHub >

github_iconTop 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 >

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