**Steps to replicate the issue**:
# Use skin Vector 2022
# Go to any wiki page with images. Examples:
* https://en.wikipedia.org/wiki/Wikipedia:Community_portal?useskin=vector-2022
* https://commons.wikimedia.org/wiki/File:Example.jpg?useskin=vector-2022
* https://en.wikipedia.org/w/index.php?oldid=1230284506&useskin=vector-2022
# Middle-click on an image with a link, e.g. [[ https://commons.wikimedia.org/wiki/File:Preferences-system.svg | the icon ]] which leads to [[https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical)|Wikipedia:Village pump (technical)]].
# Observe the clicked image
**What happens?**:
A blue rectangle (border around the hotspot) appears on top of the image. See screenshots below.
**What should have happened instead?**:
* No blue rectangle
* OR the blue rectangle doesn't intersect the image, and corresponds to the border of the image.
**Other information** (browser name/version, screenshots, etc.):
* Firefox is affected the worst (I'm using version 126.0.2)
* Chromium is also affected, but to a lesser extent – see the lynx screenshot below.
* Reproduced both logged in and logged out.
* Only Vector 2022 is affected. Monobook, Timeless, and Legacy Vector (2010) are not affected.
* Previously discussed at enwiki's [[https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical)#Blue_rectangle_when_clicking_images|Wikipedia:Village pump (technical)#Blue rectangle when clicking images]]
| Where | Firefox | Chromium | Notes |
| [[https://en.wikipedia.org/wiki/Wikipedia:Community_portal?useskin=vector-2022|Wikipedia:Community portal]] | {F55611939} | {F55611941} | |
| [[https://commons.wikimedia.org/wiki/File:Example.jpg?useskin=vector-2022|File:Example.jpg]] | {F55611942} | {F55611943} | |
| [[ https://en.wikipedia.org/w/index.php?oldid=1230284506&useskin=vector-2022|Lynx image at Template:In the news]] | {F55612284} | {F55611940} | For Chromium, only the bottom border is highlighted |