[Bug]: Reports Month Dropdown Menus #533

Closed
opened 2026-02-28 19:07:57 -06:00 by GiteaMirror · 5 comments
Owner

Originally created by @carkom on GitHub (Jul 30, 2023).

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

The box border has no radius on it.

Also the menus are showing horizontal scroll bars when they are no needed. I'm on a wide screen monitor with plenty of space for wider menus on this element. They should auto adjust the content so this doesn't happen.

image

What error did you receive?

No response

Where are you hosting Actual?

None

What browsers are you seeing the problem on?

Firefox, Chrome

Operating System

Windows 10

Originally created by @carkom on GitHub (Jul 30, 2023). ### Verified issue does not already exist? - [X] I have searched and found no existing issue ### What happened? The box border has no radius on it. Also the menus are showing horizontal scroll bars when they are no needed. I'm on a wide screen monitor with plenty of space for wider menus on this element. They should auto adjust the content so this doesn't happen. ![image](https://github.com/actualbudget/actual/assets/55785687/be2f8421-0bcc-4ada-93fe-245631d997cb) ### What error did you receive? _No response_ ### Where are you hosting Actual? None ### What browsers are you seeing the problem on? Firefox, Chrome ### Operating System Windows 10
GiteaMirror added the good first issuebug labels 2026-02-28 19:07:57 -06:00
Author
Owner

@syukronrm commented on GitHub (Sep 21, 2023):

Hi @carkom, is this issue persist on your environment at the latest actual release?

@syukronrm commented on GitHub (Sep 21, 2023): Hi @carkom, is this issue persist on your environment at the latest actual release?
Author
Owner

@carkom commented on GitHub (Sep 22, 2023):

Yes, still shows horizontal scroll bars. Checked other browsers. I've noticed the issue is not present in Chrome but only exists in firefox.

@carkom commented on GitHub (Sep 22, 2023): Yes, still shows horizontal scroll bars. Checked other browsers. I've noticed the issue is not present in Chrome but only exists in firefox.
Author
Owner

@miqh commented on GitHub (Oct 28, 2023):

@carkom,

Applying scrollbar-gutter: stable to the ListboxList usages inside the common Select component should resolve the unwanted scroll bar overlay in Firefox and have it positioned like it would be in Chromium browsers.

5fe146ee0a/packages/desktop-client/src/components/common/Select.tsx (L118)

However, at this time of writing, a quick web search would suggest some ongoing implementation issues raised by users regarding that CSS property.

https://caniuse.com/mdn-css_properties_scrollbar-gutter

And if Safari is of concern, the property isn't supported at all. I don't have access to any devices to observe what currently happens there.

@miqh commented on GitHub (Oct 28, 2023): @carkom, Applying [`scrollbar-gutter: stable`](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter) to the `ListboxList` usages inside the common `Select` component should resolve the unwanted scroll bar overlay in Firefox and have it positioned like it would be in Chromium browsers. https://github.com/actualbudget/actual/blob/5fe146ee0a2baf1a9804a823d3b3447fc635cbfb/packages/desktop-client/src/components/common/Select.tsx#L118 However, at this time of writing, a quick web search would suggest some ongoing implementation issues raised by users regarding that CSS property. https://caniuse.com/mdn-css_properties_scrollbar-gutter And if Safari is of concern, the property isn't supported at all. I don't have access to any devices to observe what currently happens there.
Author
Owner

@lelemm commented on GitHub (Oct 24, 2024):

@carkom , is this persists?
tried on the latest firefox and chrome, no problems:

firefox:
image

chrome:
image

@lelemm commented on GitHub (Oct 24, 2024): @carkom , is this persists? tried on the latest firefox and chrome, no problems: firefox: ![image](https://github.com/user-attachments/assets/931f794b-549a-49d8-b33e-342c9504afdd) chrome: ![image](https://github.com/user-attachments/assets/92bea33b-72bd-41d4-8bdb-7414e88ad769)
Author
Owner

@carkom commented on GitHub (Oct 25, 2024):

I just checked it on Firefox again and the issue has been resolved somewhere along the way. Thanks!

@carkom commented on GitHub (Oct 25, 2024): I just checked it on Firefox again and the issue has been resolved somewhere along the way. Thanks!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#533