Doist/reactist

Menu dropdown has weird behavior

Closed this issue ยท 5 comments

๐Ÿ› Bug report

Current behavior

Menu dropdown has weird behavior while scrolling, and it has huge margin top from he trigger button

Steps to reproduce the bug

https://www.loom.com/share/0d281be0e51d47a3826755b333c1da3c

Environment

  • @doist/reactist version: dev
  • Browser: Brave Chrome/84.0.4147.135

Hi, thanks for reporting this and trying Reactist.

About the issue itself, that's weird. I can't reproduce that. Here's a video where I try in Chrome, Firefox and Safari: https://share.getcloudapp.com/wbu78z1e

Also, what that screen recording suggests is not a huge margin, but it's like if the menu dropdown does not stay attached to its menu button when you scroll. It's like if it moved with a different pace.

Still, no luck reproducing it here. Would love to figure out why you get that behavior, under what conditions. Did you run npm run storybook locally and get this behavior?

Yes @gnapse I did run npm run storybook locally in the dev branch!

But do you have more insight on why this happens to you? The more I try this the more I see it does not happen. Can you try in another chromium browsers or maybe an incognito window or something? Or at least confirm for us if it happens for you in general in other browsers or just on Chrome?

@gnapse This is not happening now in both Brave and Chrome browser!

But this looks weird! I don't know how that happens previously!

Ok, glad to hear that. Indeed weird. But I'll close this for now. Thanks!