docsify icon indicating copy to clipboard operation
docsify copied to clipboard

Sidebar logo occasionally glitches

Open Zaeems opened this issue 2 years ago • 3 comments

Bug Report

Steps to reproduce

  1. Add to $window.docsify: logo: "https://raw.githubusercontent.com/Zaeems/iMS-User-Scripts/main/iMS_Dark_Mode.svg", and coverpage: true,
  2. Add to custom.css: .app-name-link img { height: 3rem; }
  3. Ensure _coverpage.md exists and contains something, example: <!-- _coverpage.md --> Test
  4. 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 avatar May 04 '22 10:05 Zaeems

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. image

Zaeems avatar May 04 '22 11:05 Zaeems

I can't reproduce your problem in Chrome

sy-records avatar May 11 '22 06:05 sy-records

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

Zaeems avatar May 11 '22 11:05 Zaeems