Starting in version 93.0, a black rectangle is created when there is a tall image with a "usemap" and corresponding map tag.
Categories
(Core :: Graphics, defect)
Tracking
()
People
(Reporter: circlogicazure, Unassigned)
References
Details
(Keywords: regression)
User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:93.0) Gecko/20100101 Firefox/93.0
Steps to reproduce:
This seems to happen on Firefox 93.0 (including beta) only, I was unable to reproduce on any previous versions. All tests where on Windows platforms - Windows 10 and Windows 8.X
I tested thoroughly and this is the minimal HTML that I could put into a file to reproduce:
Here is the HTML to reproduce:
<html><body>
<img src='https://dummyimage.com/1000x3200/508080/900000.jpg&text=Firefox+Usemap+Issue+Test+Image+1000x3200' usemap='#testmap'>
<map id="testmap"></map>
</body></html>
Note that I also tested with full doctype, head (tag) meta and viewport, and also changed the map to use name instead of id, and changed the name to different values. As long as the usemap tag properly matched as map id (or name), the black rectangle would appear (but only for tall images).
Actual results:
The black rectangle covers part of the image - usually the bottom portion (say, 10%-20%), does not show up in developer tools, but when selecting different things in developer tools, the rectangle can move around (usually to the top).
It's not as obvious with the generated picture that the bottom is covered up.
Also, if the browser is made more narrow, so that the image resizes to be smaller, then the black rectangle gets smaller and eventually disappears - although, sometimes it moves to the top of the image first.
Expected results:
There should be no black rectangle.
|
||
Comment 1•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::DOM: Core & HTML' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•3 years ago
|
||
@Tech - Circular Logic, thanks for your report! Could you please post a screenshot of what the page looks like with the black rectangle? I'm on MacOS and I cannot reproduce the issue.
|
|
||
Updated•3 years ago
|
|
||
Updated•3 years ago
|
Description
•