Search symbol without alphabet (dictionary cambridge)

[RabahHouna]

Describe the bug

When I click on 'f' in the dictionary of Cambridge web page, which is opened in a tab with a small size such that the search box does not show up, there is no alphabet to selected search symbol

To Reproduce

Browser and Vimium version Brave : 1.61.109 Chromium: 120.0.6099.144 (Official Build) (64-bit) OS : Windows 10 Version 22H2 (Build 19045.3803) Vimium version : 2.0.5

[astr0n0mer]

Hey @RabahHouna

I was able to reproduce this issue I believe this is not a problem from Vimium but from Cambridge Dictionary

Background:

• Vimium brings up all HTML elements that have a tabindex attribute when you press f or F
• And button element by default has a set tabindex (it's 0 if I'm not wrong)
• Whereas span element is a generic HTML element and does not have a tabindex atttribute set by default

Problem:

So in case of Cambridge Dictionary, they are using a button element when their site is viewed on a device with a display width >= 763px and hence you are able to click it when viewing it on bigger screens (width >= 763px)

But when the display width is <= 762px, they are using a span element and hence Vimium is not able to pick it for clicking

Hope that helps

Note: If you wish to reproduce my findings, just right-click on the search button when the width is more/less than 763px and you can view the source code in the elements tab in Devtools sidebar (right-side)