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.

Should handle vertical and horizontal overflow

See original GitHub issue

Current 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)

image

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:closed
  • Created 5 years ago
  • Comments:6

github_iconTop GitHub Comments

3reactions
devenovilcommented, Mar 12, 2019

@devenovil have the same problem。do you have solve it?

nope, i didn’t find any solution for fix this bug, yet @satya164 still not re-open this issue

1reaction
wulucxycommented, Mar 11, 2019

@devenovil have the same problem。do you have solve it?

Read more comments on GitHub >

github_iconTop 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 >

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