website icon indicating copy to clipboard operation
website copied to clipboard

[BUG] Tools flyout menu displayed an unintended horizontal scrollbar

Open abhix4 opened this issue 1 month ago • 4 comments

Describe the bug.

horizontal scrollbar appearing in Tools flyout menu

Expected behavior

No Scrollbar untill content is scrollable

Screenshots

Image

How to Reproduce

  1. Hover over the nav bar
  2. Docs , Tools , Community

🖥️ Device Information [optional]

  • Operating System (OS): Ubuntu
  • Browser: Brave
  • Browser Version:

👀 Have you checked for similar open issues?

  • [x] I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

abhix4 avatar Nov 30 '25 15:11 abhix4

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

github-actions[bot] avatar Nov 30 '25 15:11 github-actions[bot]

I would like to work on it.

AdityaTile04 avatar Nov 30 '25 17:11 AdityaTile04

can I take this issue ?

namanjain24-sudo avatar Dec 01 '25 07:12 namanjain24-sudo

There is one fix to it:

  1. i just changed the overflow-hidden ---> overflow-y-auto in the FlyoutMenu.tsx that way it fixed the horizontal bar and now it is not appearing
Image

if you assign it to me i can help in this.

Sarthak-agrawal-tech avatar Dec 01 '25 09:12 Sarthak-agrawal-tech