dbeaver / dbeaver/dbeaver

Enlarge the clickable area of the disclosure widget in the Database Navigator view

Open
#37,300 7 comments 0 reactions 0 assignees View on GitHub
third party issue xf:navigator xf:ui xo:eclipse
Dominant language
Java
Stars
51.8k
Forks
4.4k
Avg merge
3d 13h
Merged PRs (30d)
183

Description

### Description

Currently the clickable area of the disclosure widget in the Database Navigator view is too small and it starts not even from the left edge of the disclosure widget, but from the center of it, that is very confusing because when you mouse over the widget and click it you expect it to collapse/expand the tree item, but it does nothing unless you generously move your mouse to the position right from the disclosure widget (to the empty space between the widget and the item's text).

Image

On the image above with a red line I marked the leftmost edge of the area where mouse click works (and mouse overing hightlights the disclosure widget). A little to the left and it doesn't work anymore.

Here is the video that I hope makes it easier to undertsand the issue. Pay attention to the mouse and when the disclosure widget starts and stops to be dark. When it is dark it means it is clickable. When it is white - it is not clickable, as if the mouse wasn't even over it.

https://github.com/user-attachments/assets/279dd593-0005-4937-8065-d9e8b5521ef0

It would be great to make an empty space to the left from the "disclosure widget" clickable too. So, basically the widget could start from the left edge of the Database Navigator view. This empty space is not used anyway. So I think it would be a better UX because you would not need to pixel-snipe the correct area anymore.

But, even if you disagree with this idea, I think it still worth to make at least the whole widget to be clickable (and maybe a small area of empty space to the left of it). Currently half of the "arrow" is unclickable and behaves as if we click an empty space.

### DBeaver Version

Community Edition 24.3.5.202502162012

### Operating System

Windows 11 23H2

### Database and driver

Irrelevent.

### Steps to reproduce

1. Try to mouse over any "disclosure widget" (an arrow to the left of a list item in the tree) in the Database Navigator.
2. You will notice that the "disclosure widget" is highligted (so, it registers a mouseover event) only when you at the center of the widget and to the right. If you mouse over it to the left from its center, it stops to be highlighted and clicking on it doesn't work anymore. Like you are just clicking on the background, so the click doesn't do anything.

### Additional context

I use 150% DPI in the settings of my Monitor. So, maybe the incorrect calculations of the left edge are related to this. But I tried to change the DPI to 100% and the problem didn't disappear. So, maybe DPI is irrelevant.

Also, I have 2 monitors with one set to 200% DPI, while other is 150%. The problem is observable on both of them. Probably it is not important, but who knows.

**Update** I tried to change the DPI again on the 2nd monitor (that I usually use) and when I set it to 100% and restarted DBeaver, the issue disappeared. The "disclosure widget" and a small empty space (2-3 pixels) left of it became clickable and work as expected. So, I think the problem definitely related to DPI. I tried to enable "Monitor-specific UI scaling" in the "User Interface > Appearance" settings, but it didn't help. With this setting enabled the behavior exactly the same as with it disabled. So, with 100% DPI there is no issue and with 150% DPI there is the issue.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.