Sidebar logo occasionally glitches - Githubissues

docsifyjs / docsify

🃏 A magical documentation site generator.

https://docsify.js.org

MIT License

27.57k stars 5.67k forks source link

Sidebar logo occasionally glitches #1796

Closed Zaeems closed 3 months ago

Zaeems commented 2 years ago

Bug Report

Steps to reproduce

Add to $window.docsify: logo: "https://raw.githubusercontent.com/Zaeems/iMS-User-Scripts/main/iMS_Dark_Mode.svg", and coverpage: true,
Add to custom.css: .app-name-link img { height: 3rem; }
Ensure _coverpage.md exists and contains something, example:  Test
Serve the site, then scroll below the coverpage

What is current behaviour

Occasionally, the sidebar logo will move really quicky for less than a second.

https://user-images.githubusercontent.com/46079004/166661243-0510ffdb-de32-49bc-ba65-f5f4eae49f5b.mp4

What is the expected behaviour

Sidebar logo to remain in place.

Other relevant information

[ ] Bug does still occur when all/other plugins are disabled?
Your OS: Windows 10 64-bit
Node.js version: v16.14.1
npm/yarn version: 8.5.0
Browser version: Opera GX LVL3 (core: 85.0.4341.72)
Docsify version: 4.12.2
Docsify plugins: zoom-image, search, darklight-theme

Please create a reproducible sandbox

I can't get the sandbox to work.

https://zaeems.github.io/#/

Mention the docsify version in which this bug was not present (if any)

Zaeems commented 2 years ago

To reproduce - Click Home in the navbar, scroll up 2 ticks so your screen looks like the screenshot, wait 5 seconds, then scroll down 1 tick.

sy-records commented 2 years ago

I can't reproduce your problem in Chrome

Zaeems commented 2 years ago

I can't reproduce your problem in Chrome

I also cannot recreate it on Chrome. On the other hand, I can recreate it on Edge.

https://user-images.githubusercontent.com/46079004/167836198-702fee61-8a41-40eb-8fed-25b4e178bbfc.mp4

jhildenbiddle commented 3 months ago

This issue has been (likely) addressed by PR #2469. The changes will be available when Docsify v5 is released.