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.

Link: Support for 'word-break'

See original GitHub issue

(Apologies if this is possible already and I have missed some docs on how)

Feature request

It would be great if vscode-link would obey the word-break property e.g. word-break: break-word. In our case we have a vscode-link inside a div that has word-break but long lines aren’t broken.

Expected behavior

The lines to break.

Current behavior

The text is overflowing its content box.

Use case

We have some file path links that can get quite long and would like them to not overflow the table/grid they’re in.

Screenshots/references

image

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
hawkticehurstcommented, Aug 23, 2022

You’re welcome! Thanks for opening the issue in the first place!

0reactions
chariskcommented, Aug 23, 2022

Awesome, thank you so much for the fix and the ship!

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS3 word-break | Can I use... Support tables for HTML5 ...
CSS3 word-break ... Property to prevent or allow words to be broken over multiple lines between letters. Usage % of. all users, all...
Read more >
word-break - CSS: Cascading Style Sheets - MDN Web Docs
The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Read more >
Link to previous - Microsoft Support
Go to Layout > Breaks > Next Page and insert a break wherever you want to switch to different header or footer information....
Read more >
Handling Long Words and URLs (Forcing Breaks ... - CSS-Tricks
Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc) · overflow-wrap: break-word; makes sure the long string will wrap and ...
Read more >
How to use 'word-break: break-word' with link inside of text?
This works fine with display: contents; on the item, but unfortunately, this is not supported by IE11 and Edge. I couldn't find any...
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