Defect #42084
open
Display breaks when hovering over an img tag with a non-existent thumbnail image
0%
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
Updated by Mizuki ISHIKAWA 10 days ago
- File quick-workaround.diff quick-workaround.diff added
Adding the alt attribute solves this problem. However, it seems that putting the filename in the alt attribute of the image is not recommended from an accessibility standpoint. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#accessibility
If you have a better idea, please let me know.
Updated by Katsuya HIDAKA 6 days ago
- File Move-tooltip-from-image-to-thumbnail-element.patch Move-tooltip-from-image-to-thumbnail-element.patch added
- File result1-for-move-tooltip-patch.png result1-for-move-tooltip-patch.png added
- File result2-for-move-tooltip-patch.png result2-for-move-tooltip-patch.png added
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?
Updated by Go MAEDA 3 days ago
- 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.
Updated by Go MAEDA 3 days ago
- Target version changed from 6.1.0 to 6.0.3
I suggest committing quick-workaround.diff from #note-1, which avoids DOM changes, to version to the 6.0-stable branch for version 6.0.3, and Move-tooltip-from-image-to-thumbnail-element.patch from #note-2, which follows web standards but changes the DOM, to the trunk for version 6.1.0.