ImageMap does not resize correctly when adjusting browser zoom

Description

When changing the browser zoom on Google Chrome from 100% to 50%, this results in the clickable areas moving from their positions. The ImageMap may also resize itself into a smaller size, eventhough the "Responsive" option is checked.

Steps to reproduce

  1. Add an ImageMap to a page.

  2. Add some clickable areas to the ImageMap.

  3. Check the "Responsive" option.

  4. Save the page.

  5. Open the page in Google Chrome.

  6. Set the browser zoom to 100%.

  7. Change the zoom to 50%

Expected result

The clickable areas stay in their specified locations and the image changes in a responsive manner.

Actual result

The clickable areas stay does not  sty in their specified locations and the image becomes smaller in size.

 

Workaround

  • Reload the browser

  • Open the browser in a new tab

Environment

None

Activity

Show:

David Majninger (K15t) February 11, 2022 at 7:56 AM
Edited

Hello !

We’ve shipped an update to Scroll ImageMap Cloud that changes ho ImageMaps are rendered and resized. This change should resolve this issue. Please let us know if the issue is resolved for you.

Cheers,

David

紘己 石田 January 28, 2022 at 12:03 AM

Hello.
Customers using this add-on are affected by this bug.
I'd like to ask for an early response, but when can you respond?

Done

Details

Assignee

Reporter

Components

Fix versions

Backbone Issue Sync

Created December 20, 2021 at 3:54 PM
Updated February 9, 2024 at 6:02 AM
Resolved February 11, 2022 at 7:54 AM