Reader: Public tag pages sticky menu positioning

[ebinnion]

Quick summary

Occasionally, when scrolling down and back up quickly, I am able to get the sticky menu with characters to stick incorrectly to the top of the page.

https://github.com/Automattic/wp-calypso/assets/1126811/ec16d0b3-b53e-4b66-a025-5fc151793b2d

Steps to reproduce

1. Start at https://wordpress.com/tags, logged in or out.
2. Scroll down page enough to get the sticky menu to show then back up. Quickly.
3. Observe that the sticky menu occasionally sticky at the very top.

What you expected to happen

The sticky menu to stay just above the "A" section when I scrolled to the top of the page.

What actually happened

The sticky menu got stuck to the top of the viewport.

Impact

All

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

This was tested on Mac OS with Microsoft Edge browser, logged in and out.

[karenroldan]

📌 REPRODUCTION RESULTS

• I was able to reproduce the issue.

📌 FINDINGS/SCREENSHOTS/VIDEO

• I tested with Microsoft Edge, Firefox, Safari, and Chrome.

📌 ACTIONS

• Assigned to @Automattic/loop

[roo2]

updated https://github.com/Automattic/wp-calypso/pull/76747 with a fix. The issue was happening because of scrolling very quickly over the sticky panel's starting location, it is easiest to reproduce with a very short browser window