Image map displays on site, but can’t be interacted with

  • Resolved fuzzboxes

    (@fuzzboxes)


    2 years, 5 months ago

    Hi,

    I’m testing out the free version of this plugin because it looks perfect for a project that I’m working on.

    The user interface on my dashboard for mapping out areas within an image appears to work fine (i.e. I can plot out areas, and assign functions/stylings), but when I go to publish the finished product, then I’m unable to actually interact with the image.

    The displayed image simply doesn’t work in ‘preview mode’, nor when embedded with its shortcode on my site.

    Plugin Detective was unable to find any conflicts with other plugins that I have running. I do have a lightbox plugin for my site, which I suspected might have been responsible, but disabling that didn’t help either.

    The only Javascript error that comes up in the console when I load the page (and specifically interact with the image) is the following:

    “MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead.”

    Any advice would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Natalie G

    (@nataliegarza011)

    Hello @fuzzboxes!

    I took a look at your site and found that the Fabulist theme is using CSS that’s affecting the Draw Attention plugin.

    Please try to contact their theme support to get this officially fixed in their code as it could cause issues elsewhere in the site when using SVGs or other plugins that use SVGs like Draw Attention:

    svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

    In the meantime, I believe you could use the following CSS snippet to counteract their code just enough for Draw Attention to work:

    .hotspots-interaction .leaflet-pane svg {
    height:auto;
}

    If you need help adding CSS, we have a guide to help you add CSS to the page – https://wpdrawattention.com/document/customizing-draw-attention-css/

    Let me know if that works ??

    P.S. I really like your site – great resource!

    Thread Starter fuzzboxes

    (@fuzzboxes)

    Thank you so much for your response. Easy & quick — your custom CSS solution looks like it has done the trick!

    If it’s alright, then I’ll forward your response to the Fabulist developers, so that they might fix this for the benefit of other users in the future.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image map displays on site, but can’t be interacted with’ is closed to new replies.