Should handle vertical and horizontal overflow
See original GitHub issueCurrent behaviour
Editor didn’t handle vertical and horizontal overflow
Expected behaviour
Editor should handle vertical and horizontal overflow (may be wrap content for handle horizontal)
Code sample
https://codesandbox.io/s/py38vl9nn0
Screenshots (if applicable)
What have you tried
I already tried using style={{overflow-y: 'auto', overflow-x:'auto'}}
to set scroll if there an overflow content, it’s show scroll for both vertical and horizontal overflow, but there is some strange bug.
If i click cursor on overflow line, and put it on the end, it’s show on the max width, instead of the end of the line.
And also when i’m going to the bottom line, the cursor show on the max height, instead of the bottom of the line.
Your Environment
software | version |
---|---|
react-simple-code-editor | ^0.8.0 |
react | ^16.7.0 |
npm or yarn | 6.2.0 |
node | 10.8.0 |
browser | Google Chrome Version 72.0.3626.109 |
Issue Analytics
- State:
- Created 5 years ago
- Comments:6
Top Results From Across the Web
Should handle vertical and horizontal overflow #23 - GitHub
Don't set max height and overflow values on the editor directly. Wrap it in a div and set the overflow and height on...
Read more >Horizontal Scrolling in Web Design: How to Do It Well
Horizontal scrolling can be achieved by clicking and dragging a horizontal scroll bar, swiping sideways on a desktop trackpad or trackpad mouse, ...
Read more >How to find the cause of horizontal scrollbars - Polypane
In short: if you use width: 100vw on a page that has a vertical scrollbar you end up with a horizontal overflow.
Read more >How to prevent overflow scrolling in CSS - LogRocket Blog
The scroll value of the overflow property adds horizontal and vertical scroll bars so you can adjust or scroll the content if it's...
Read more >Overflow Issues In CSS - Smashing Magazine
Before discussing overflow issues, we should ascertain what one is. An overflow issue occurs when a horizontal scrollbar unintentionally appears ...
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
nope, i didn’t find any solution for fix this bug, yet @satya164 still not re-open this issue
@devenovil have the same problem。do you have solve it?