Inconsistent crosshair behavior?
When using the mouse to click the zoom in/out buttons, the crosshair initially does not appear. After focusing the map by tabbing then clicking off the map to blur it, the crosshair appears when using the mouse to click the zoom in/out buttons.
https://user-images.githubusercontent.com/69722289/147143816-37467ec0-9464-4174-92f3-42c1f98ef4e2.mov
Same with this: Toggle layers, no crosshair. Focus the map then click off. Toggle again, crosshair appears. In both cases, the map is not focused so the crosshair shouldn't appear in the second case?
https://user-images.githubusercontent.com/69722289/147145432-6b717a65-db7b-4177-9ee1-8aea5e0ad743.mov
I can't reproduce the exact issues you're seeing though there are some issues with the outline/crosshair, and also the feature index (try right clicking the map on that branch).
By the looks of it you may be using a browser in which :focus-within is not supported? See related: https://github.com/Maps4HTML/Web-Map-Custom-Element/pull/446.