Defect #42084
closed
Placeholder icon for non-existent thumbnail flickers rapidly on hover
Added by Mizuki ISHIKAWA about 1 month ago.
Updated about 1 month ago.
Description
When hovering the mouse cursor over a thumbnail image, the thumbnail image repeatedly appears and disappears.

Affected Browsers:
Chrome, Edge
Cause:
In Chrome and Edge, if the image in an `img` tag is not displayed, the browser uses the `title` attribute to show a description of the file. When the mouse hovers over the icon, the tooltip feature clears the `title` attribute, causing the file description to appear and disappear repeatedly.
Files
I have attached a different approach as a patch.
This patch adds a tooltip (title attribute) to the thumbnail element (which contains both the image and the button). Additionally, this patch adds an alt attribute to the image, as the documentation states that the alt attribute is required for the img tag.
As a result of applying this patch:


What do you think?
- Status changed from New to Confirmed
- Target version set to 6.0.3
Setting the target version to 6.0.3.
- Target version changed from 6.0.3 to 6.1.0
Yesterday, I set the target version of this patch to 6.0.3, but after reviewing the content again, I decided to change the target version to 6.1.0.
This patch modifies the DOM structure of the thumbnail display area, which could potentially affect custom themes and plugins. Therefore, I believe it is not suitable to include this in a maintenance release like 6.0.3.
- Target version changed from 6.1.0 to 6.0.3
- Subject changed from Display breaks when hovering over an img tag with a non-existent thumbnail image to Placeholder icon for non-existent thumbnail flickers rapidly on hover
- Status changed from Confirmed to Resolved
- Assignee set to Go MAEDA
- Resolution set to Fixed
- Related to Feature #41272: Improve tooltip positioning for thumbnails added
- Related to Feature #42133: Refactor thumbnail markup for improved structure and semantics added
- Status changed from Resolved to Closed
Also available in: Atom
PDF