lovelace-xiaomi-vacuum-map-card: Problem in v2.0.0+ in Firefox, Safari and iOS companion app

Checklist

I have updated the card to the latest version available
I have cleared the cache of my browser
I have checked if the problem is already reported

The problem

Hello, thank you for still working on this card. Apparantly there is a problem with picking up the point / moving / resizing custom zone area in firefox browsers. In Chrome and Edge browsers that’s working just fine.

Chrome: Firefox (can’t set point):

What version of a card has described problem?

v2.0.0

What was the last working version card?

No response

What vacuum model do you have problems with?

STYJ02YM

What version of Home Assistant do you use?

2021.11.3

What type of installation are you running?

Home Assistant OS

Card’s configuration

- type: custom:xiaomi-vacuum-map-card
    entity: vacuum.kraken
    map_source:
      camera: camera.vacuum_extractor_camera
    calibration_source:
      camera: true
    map_modes:
      - template: vacuum_clean_zone
      - template: vacuum_goto
    vacuum_platform: KrzysztofHajdamowicz/miio2

Javascript errors shown in the browser’s console (if applicable)

Uncaught ReferenceError: TouchEvent is not defined
    _drag http://homeassistant.local:8123/hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js:181
    render http://homeassistant.local:8123/hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js:150
    handleEvent http://homeassistant.local:8123/hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js:31

Additional information

No response

About this issue

Original URL
State: closed
Created 3 years ago
Reactions: 8
Comments: 46 (21 by maintainers)

Most upvoted comments

@HepoH3 @nickdos @Lyr3x @cris1410 @StWiesi

Everything should be fixed in v2.0.3, can you confirm it?

PiotrMachowski on Nov 22, 2021

@cris1410 @StWiesi You can also try to change order of map modes to make “Zone cleanup” a non-default one

That’s what I did. Makes everything work perfectly for me 😃

StWiesi on Dec 1, 2021

Hi guys, I can confirm correct behavior on Safari on PC or MAC and still incorrect behavior on iOS web browsers.

cris1410 on Nov 18, 2021

I did, and already was on the latest version. But still in iOS zones, icons and texts are gone and only visible for a short time after clearing the frontend cache.

Edit: I just realized the behavior is slightly different. I can also navigate through homeassistant views and the zones appear after coming back to the view with the map card (text and labels are on the exact some position stacked). When swiping down to refresh, the zones are gone. This is the behavior for iOS/iPadOS and Safari

Safari / iOS stacked icons/texts:

Safari / iOS zones available after first navigation to the view:

Safari / iOS after a refresh (CMD+R / Swipe down):

Chrome / Android:

Lyr3x on Nov 18, 2021