Multiple hints on the same components when pressing 'f'

[0xmzn]

Describe the bug

Since I started using vimium, I noticed a weird behavior across multiple sites that goes as follows: whenever I press f, I would see that some parts of the web page have multiple hint (sometimes overlaying that you can't actually see the complete key sequence). See the screenshots below for examples. I am not sure if this is the intended behavior,

To Reproduce

Steps to reproduce the behavior:

1. Go to any YouTube Video URL 'https://youtu.be/jeRSReSbxjw?si=NbvmJiXL_r7y-MXN'
2. Press f to view the hints.

NOTE: I am not sure that it's reproducible or not because I remember using Vimium on a friend's machine I didn't have these issues.

Include a screenshot if applicable.

YouTube example:

Github example (check the top part):

Browser and Vimium version

Chrome Version: 132.0.6834.196 (Official Build) (64-bit) (cohort: Control)
Vimium Version: 2.1.2

[0xmzn]

Trying to understand why this behavior happens, I checked the HTML code for the fullscreen button on youtube:

And found out that the code for it looks like this:

<button class="ytp-fullscreen-button ytp-button" aria-keyshortcuts="f" data-priority="11" data-title-no-tooltip="Full screen" aria-label="Full screen keyboard shortcut f" title="Full screen (f)">
   <svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%">
      <g class="ytp-fullscreen-button-corner-0">
         <use class="ytp-svg-shadow" xlink:href="#ytp-id-907"></use>
         <path class="ytp-svg-fill" d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z" id="ytp-id-907"></path>
      </g>
      <g class="ytp-fullscreen-button-corner-1">
         <use class="ytp-svg-shadow" xlink:href="#ytp-id-908"></use>
         <path class="ytp-svg-fill" d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z" id="ytp-id-908"></path>
      </g>
      <g class="ytp-fullscreen-button-corner-2">
         <use class="ytp-svg-shadow" xlink:href="#ytp-id-909"></use>
         <path class="ytp-svg-fill" d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z" id="ytp-id-909"></path>
      </g>
      <g class="ytp-fullscreen-button-corner-3">
         <use class="ytp-svg-shadow" xlink:href="#ytp-id-910"></use>
         <path class="ytp-svg-fill" d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z" id="ytp-id-910"></path>
      </g>
   </svg>
</button>

I suppose the correct behavior for Vimium in this case is to only give me a hint for the top level element only and ignore its children, i.e. It should only show key hints for the Button but instead it shows one for the button and one for each <g>...</g> tag underneath it.