search

cznethub / dsp

CZNet Hub Data Submission Portal
BSD 3-Clause "New" or "Revised" License
4 stars 1 forks source link

Logo fails to switch correctly in Safari after overscroll #73

Closed Maurier closed 2 years ago

Maurier commented 2 years ago

Safari over-scroll behavior causes the logo to fail to switch. Looks like overscroll-behaviour CSS property is enabled by default in Safari with no way to disable it.

We need to improve scroll detection logic or disable overscroll-behaviour entirely.

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

Description of the bug A clear and concise description of what the bug is.

Steps to reproduce the bug:

  1. Go to the site using Safari browser on Mac.
  2. Scroll down and back up all the way.
  3. See how the circle logo is shown instead of the full logo.

Expected behavior Full logo is shown when scrolled all the way to the top.

Additional information Add any other context about the problem here such as screenshots, software versions, and browser information.