Ionaru / Ionaru/easy-markdown-editor
Side-by-Side Mode Scroll Issue with Long Texts
- Dominant language
- JavaScript
- Stars
- 3.1k
- Forks
- 363
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
When using EasyMDE in side-by-side mode with a large body of text (over 1000 lines), the scroll position does not match between the two panes initially. However, once scrolled all the way to the bottom, the scrolling synchronization starts to function correctly.
**To Reproduce**
- Input more than 1000 lines of text into EasyMDE.
- Switch to side-by-side mode.
- Scroll the panes without reaching the bottom. Notice the scrolling position mismatch.
- Scroll all the way to the bottom and then scroll up and down. The scrolling position should now be synchronized.
**Expected behavior**
The scrolling position should be synchronized between the two panes in side-by-side mode, regardless of the length of the text or the initial scroll position.
**Screenshots**
Version **information**
OS: macOS 13.3.1 (a)
Browser: Chrome 115.0.5790.114
EasyMDE version: [2.18.0](https://github.com/Ionaru/easy-markdown-editor/releases/tag/2.18.0)
**Additional context**
This issue makes navigating through large documents inconvenient and disorienting, and I'm hoping it can be addressed. This mismatch in scroll position is only corrected after scrolling all the way to the bottom.
Contributor guide
Research direction
Start by reproducing the issue in EasyMDE's side-by-side mode with more than 1000 lines, checking synchronization before and after reaching the bottom. Trace the side-by-side scrolling behavior and verify that both panes remain aligned from the initial scroll position through the entire document.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100