TOC blocks scrolling and scroll bar

TonyRL commented 1 month ago

Describe the bug

Open a feed item with TOC
Keep scrolling down the article
Move the cursor over the TOC
The article stops scrolling down while the cursor is over the TOC

The TOC also blocks the scroll bar.

Feed Info

41459996879067138: https://blog.cloudflare.com/rss

Reproduction Video

Blocks scrolling

![Blocks scrolling](https://github.com/user-attachments/assets/96377468-e98a-4bcb-9034-8b2f1fc3493c)

Blocks scroll bar

![Blocks scroll bar](https://github.com/user-attachments/assets/691b12ad-45fa-4f89-9eee-739ddc1937ae)

App Type

Electron / App

Version

0.0.1-alpha.10

Operating System

Windows 10

Browser Info

No response

Validations

[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.

Contributions

[ ] I am willing to submit a PR to fix this issue
[ ] I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)

linear[bot] commented 1 month ago

FOL-72 TOC blocks scrolling and scroll bar

Innei commented 1 month ago

From a UX point of view, this is probably not an interaction issue.

Imagine a scenario where you understand that the HoverCard is a separate modal, and when you hover over it, only the content inside the HoverCard can be scrolled.

The ToC overlay is a HoverCard component.

You should be able to understand this when the content in the ToC is too long for the scrollbar.

RSSNext / Follow