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.
The lines don't move together within their container if overflow
See original GitHub issueIf the container where the lines are drawn has overflow the whole contents move but the lines don’t move with the pointed elements.
Issue Analytics
- State:
- Created 3 years ago
- Comments:13 (6 by maintainers)
Top Results From Across the Web
Overflowing content - Learn web development | MDN
This lesson introduced the concept of overflow. You should understand that default CSS avoids making overflowing content invisible.
Read more >text flowing out of div - css - Stack Overflow
The overflow-wrap CSS property specifies whether or not the browser should insert line breaks within words to prevent text from overflowing ...
Read more >overflow-wrap | CSS-Tricks
The overflow-wrap property in CSS allows you to specify that the browser can break a line of text inside the targeted element onto...
Read more >wrap, overflow - wrap - , and - word - break - LogRocket Blog
Using overflow-wrap will wrap the entire overflowing word to its line if it can fit in a single line without overflowing its container....
Read more >Fit text in a text box - Microsoft Support
Fit text in a text box · To reduce the point size of text until there is no text in overflow, click Shrink...
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 Free
Top 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
Hello. I’ve created a minimal reproducible example. Please find it here:
https://codesandbox.io/s/gallant-silence-71p8f
@oyalhi Well, You are right. I will open that as separate issue. However I have css fix for the lines moving together problem. @Eliav2 Was correct if we keep the lines with in scroll container they should move but if only lines are positioned with in its parent.
I have working example for this without the above
useScrollwork around.Please check this example.
I have applied relative position style for the scrolling container. By the virtue of DOM properties I don’t see performance issue as well.