[GH-ISSUE #247] Markdown preview is not scrolling along with editor #83

Open
opened 2026-03-03 00:18:13 +03:00 by kerem · 3 comments
Owner

Originally created by @dwivedikunal100 on GitHub (Dec 31, 2019).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/247

Originally assigned to: @Rokt33r on GitHub.

Current behavior

Markdown preview is not scrolling along with editor

Expected behavior

The preview should scroll up or down along with the editor,to view section of the document currently being edited.

Steps to reproduce

  1. Run the app on Mac OS
  2. Write enough lines to make document have lines more than screen can display
  3. Scroll down to different section of the document

Environment

  • Version :0.1.2
  • OS Version and name :Mac OS,10.14.6
Originally created by @dwivedikunal100 on GitHub (Dec 31, 2019). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/247 Originally assigned to: @Rokt33r on GitHub. # Current behavior Markdown preview is not scrolling along with editor # Expected behavior The preview should scroll up or down along with the editor,to view section of the document currently being edited. # Steps to reproduce <!-- Please be thorough, issues we can reproduce are easier to fix. --> 1. Run the app on Mac OS 2. Write enough lines to make document have lines more than screen can display 3. Scroll down to different section of the document # Environment - Version :0.1.2 - OS Version and name :Mac OS,10.14.6 <!-- Love Boost Note? Please consider supporting us on IssueHunt: 👉 https://issuehunt.io/r/BoostIO/BoostNote.next -->
Author
Owner

@Rokt33r commented on GitHub (Jan 5, 2020):

It is not implemented yet. Thanks for the reminding!

<!-- gh-comment-id:570961533 --> @Rokt33r commented on GitHub (Jan 5, 2020): It is not implemented yet. Thanks for the reminding!
Author
Owner

@thien-do commented on GitHub (Aug 21, 2020):

@Rokt33r I believe this requires each (top-level) elements in the generated HTML in preview has a data-line references back to its source. Do you think we have that with remarkjs yet?

I took a look at the legacy version and saw the token walk to add data-line, but could not find anything similar in the next version

<!-- gh-comment-id:678554777 --> @thien-do commented on GitHub (Aug 21, 2020): @Rokt33r I believe this requires each (top-level) elements in the generated HTML in preview has a data-line references back to its source. Do you think we have that with remarkjs yet? I took a look at the legacy version and saw the token walk to add data-line, but could not find anything similar in the next version
Author
Owner

@Rokt33r commented on GitHub (Sep 1, 2020):

@dvkndn We can access a node's actual position in raw text. I've been slowly working on it. https://github.com/rehypejs/rehype-react/pull/22

<!-- gh-comment-id:684513273 --> @Rokt33r commented on GitHub (Sep 1, 2020): @dvkndn We can access a node's actual position in raw text. I've been slowly working on it. https://github.com/rehypejs/rehype-react/pull/22
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#83
No description provided.