Ionaru / Ionaru/easy-markdown-editor

Side-by-Side Mode Scroll Issue with Long Texts

Open
#554 3 comments 0 reactions 0 assignees View on GitHub
Bug
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**
screenshot 2023-08-04 6 39 35

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.