css-overflow movable image repaint issue
Categories
(Firefox :: Untriaged, defect)
Tracking
()
People
(Reporter: e.k.murray87, Unassigned, NeedInfo)
Details
Attachments
(1 file)
|
1.87 MB,
video/mp4
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0
Steps to reproduce:
Basically I have a <img> with an outer container which has 'overflow:hidden'. This allows for the image height and width to be increased to allow for a zooming effect. It is then possible to drag the image around by setting the left and top attributes using javascript event listeners mousemove, mouseup, mouseleave etc.
Actual results:
I have this really strange issue with the latest editions of both firefox & firefox developer edition (present in 80.0b4, but not in 79.0b9).
When dragging the image the image does not repaint properly (although the image attributes are updating correctly in the inspector). I can sometimes see the original image (before events were fired) overlaid on top of the image being moved realtime. The image in the background appears to be updating correctly, however.
Disabling overflow hidden resolves this, although now the img is not within the confines of the container (as you would expect).
Expected results:
Previously, dragging the image would move the image smoothly without any issue.
Works on all other tested browsers and previous firefox before updating.
Hi, e.k.murray87!
Thanks for your contribution!
I couldn't find and example to test this, could you share any site using this exact type of map or image? or share the one you were using to submit this issue?
Regards,
Hi,
Marking this as Resolved-Incomplete due to the lack of response from the reporter.
If the issue is still reproducible with the latest Firefox version, feel free to reopen the bug with more information.
Regards,
Description
•