Enlarge the clickable area of the disclosure widget in the Database Navigator view
- 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).
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
Assessment
This issue has not been assessed yet.