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.

Way to indicate invalid code

See original GitHub issue

I love using carbon when I need to include code samples in my slides. I’m often talking about incorrect code, though, and how to fix it- so I’d love a way to indicate that a line of code should be marked incorrect.

By adding a toggle that applied something similar to the following CSS, to a line of code, it could perhaps visually imitate other IDEs:

text-decoration: red wavy underline;
text-decoration-skip-ink: none;

Here’s an image: carbon (10)

Thank you for considering!

Issue Analytics

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

github_iconTop GitHub Comments

6reactions
mfix22commented, May 20, 2020

This is a fantastic idea! I was so excited about it tonight, I implemented the initial version (here https://github.com/carbon-app/carbon/pull/1015)

Once released, if you select some text, and click the “U” twice, the text will get underlined as errant, as shown here: Kapture 2020-05-19 at 21 04 31

It’s not perfect (squiggles between spans sometimes render a gap), so we don’t have to mark this issue closed quite yet, but I wanted to unblock your use case at least a little bit 🙂

2reactions
MelSumnercommented, May 20, 2020

Oh this is amazing, thank you so much!! 💯

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to show an input is invalid in this java code
The user enters a value 3-15. Input validation: only accept 3-15. Allow the user to repeat the program if desired. Input validation: Y...
Read more >
invalid - CSS: Cascading Style Sheets - MDN Web Docs
The :invalid CSS pseudo-class represents any , , or other element whose contents fail to validate.
Read more >
ARIA21: Using Aria-Invalid to Indicate An Error Field
This technique demonstrates how aria-invalid may be employed to specifically identify fields that have failed validation. Its use is most suitable when:.
Read more >
I have a code but it keep saying "invalid expression. when ...
I have a code but it keep saying "invalid expression. when calling a function or indexing a variable, use parentheses. otherwise check for...
Read more >
Invalid Syntax in Python: Common Reasons for SyntaxError
Watch it together with the written tutorial to deepen your understanding: Identify Invalid Python Syntax. Python is known for its simple syntax.
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