Title: Hint keys stack on top of each other, making it hard to select elements

[phucisstupid]

Description:

When using the f key to trigger link hints in Vimium, the hint labels often overlap significantly, especially on pages with many tightly packed clickable elements. This makes it difficult or impossible to distinguish and select the correct element.

Steps to reproduce:

1. Open a web page with a dense UI (e.g., a dashboard or toolbar with many buttons).
2. Press f to trigger link hints.
3. Observe how the hint labels are stacked on top of each other.

Expected behavior:

Hint labels should be spaced in a way that keeps them legible and clearly associated with their corresponding elements.

Actual behavior:

Hint labels overlap or stack, especially when buttons/icons are close together. This hinders usability.

Screenshot:

Environment:

• OS: macOS
• Browser: Zen
• Vimium version: always latest

Suggestions:

• Improve spacing algorithm for hint labels just like vimium-c or surfingkeys

[philg-dev]

You can hit <space> when link hints are active to alternate the layering of the hints. Hope this helps.

[phucisstupid]

You can hit <space> when link hints are active to alternate the layering of the hints. Hope this helps.

Thanks, but I mean the improve the hints generator

[dithmer]

IMO the hint generator does exactly what it should there. It might be a nice option on first glance, to "improve" it by removing potential duplicates. But that also takes a bit of control away. The <space> option @philg-dev mentioned, was new to me as well, but should be everything one need here.

Otherwise it might happen, that the improvements takes away a possible link option, I want to click, solely because it thought, that I do not need it. The decision should stay in the users hand.

[seki-mei]

maybe adding some transparency to the hint boxes in your custom css might improve legibility?