cyntler / cyntler/react-doc-viewer

MSDocRenderer keep reloading the file when scrolling on mobile web browser

Open
#239 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
481
Forks
147
PR merge metrics
No merged PRs in 30d

Description

I am using the following code to render MsDoc file on my web page:

` `

It works on Desktop.

But when I test it on mobile web browser, As long as I scroll my screen, the iframe would reload the file, making it unusable.

Also when on Desktop, if I change my browser screen width, it will also causing the iframe to reload.

Here is a video showing what I see: https://www.youtube.com/shorts/K_n4Xr_EFEE

Anyone knows what might be wrong here?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing issue 239 with DocViewer and MSDocRenderer on a mobile browser, then compare behavior while scrolling and resizing the desktop viewport. Trace the renderer and iframe lifecycle to identify the reload trigger; done means the document remains usable without reloading during scrolling or resizing.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.