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.

Unable to use text-decoration: underline and text-decoration: line-through

See original GitHub issue

Steps for Reproduction

  1. Visit Quill js Playground
  2. Edit HTML to <span style="font-style: italic">My test</span> Expects output to be <em>My test</em> (true)
  3. Edit HTML to <span style="text-decoration: underline">My test</span> Expects output to be <b>My test</b> (false)

Expected behavior: CSS style text-decoration: underline and text-decoration: line-through should be converted into HTML tags <u> and <s>

Currently only font-weight: bold and font-style: italic works.

Actual behavior: <span> element containing css values text-decoration: underline and text-decoration: line-through are not converted, but insted ignored and removed.

Platforms: Tested in Google Chrome v73.0 Windows 10 x64

Version: Tested in Quill js playground (v1.3.6)

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
Charlie50503commented, Aug 6, 2021

It seem’s not work for me.

my explame https://codepen.io/CharlieKu50503/pen/gOWBmEo

is someone could share solution explame please.

1reaction
edhowlercommented, Jul 23, 2019

I’ve made a pull request with the correction for this issue: https://github.com/quilljs/quill/pull/2682

Read more comments on GitHub >

github_iconTop Results From Across the Web

Text decoration line through css does not work on Safari with ...
I found this documentation but can't seem to find anything else about the mobile css syntax for line through text decoration.
Read more >
text-decoration - CSS: Cascading Style Sheets - MDN Web Docs
Sets the kind of decoration used, such as underline or line-through . text-decoration-color. Sets the color of the decoration.
Read more >
text-decoration | CSS-Tricks
The text-decoration property adds an underline, overline, line-through, or a combination of lines to selected text.
Read more >
Text Decorations Won't Display for Specific Font | Underline ...
Underline and strikethrough do appear in Figma for other fonts like Arial. ... The underline shows as text decoration in the Inspect mode, ......
Read more >
How to Use CSS Strikethrough and Line-Through - Udemy Blog
Text decoration in CSS is used by adding the text-decoration property to an element. The possible values for this property are as follows:...
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