Skip to content

Bug with interaction of server list #9128

@XCanG

Description

@XCanG

Please note that security bugs or issues should be reported to [email protected].

Describe the bug

In pgAdmin in server list I have 2 server groups: local/personal and work, when I'm working I often connect to local DB first before connection to DB from work. When DB is expanded in a server list it add a scrollbar, so a prerequisite for this is having 2 server groups and first being expanded. Now as you may know when you hover over item in a list it shows a popup at bottom left which tells which item is being hovered, but in the case like this it is blocking the work group I trying to click as it pop over it preventing me from clicking on it. That's the first issue and a solution for that, since you using HTML, CSS, and JS would be adding CSS rule to that popup: pointer-events: none;

But due to this issue I find out another interaction bug: since I cannot select element from a mouse I naturally tried to select it with keyboard arrows and I was able to expand my work group with arrow right, but since I already used a keyboard, instead of clicking with mouse on arrow ">" to expand server and connect to it, I used keyboard right arrow button which is expand marker, but doesn't actually initiate connection to the DB.

To Reproduce

Steps to reproduce the behavior:

  1. Have 2 server groups
  2. Expand first with enough elements that eventually create scrollbar
  3. Try to hover over 2nd group and click - you wont be able because popup will block you from clicking
  4. Use keyboard arrows to navigate and arrow right to open 2nd server group
  5. Try to use arrow right to connect to server - it wont

Expected behavior

Able to click on 2nd group and able to connect to DB if I use keyboard.

Error message

None

Screenshots

Work group below that popup (not visible):

Image

The server is expanded with keyboard, but no connection initiated:

Image

Desktop (please complete the following information):

  • OS: Windows 10
  • pgAdmin version: 9.7
  • Mode: Desktop
  • Browser (if running in server mode): -
  • Package type: -

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions