Ignores not working in Safari / Firefox

[kmikiy]

This line is never true in Safari or Firefox https://github.com/maykar/lovelace-swipe-navigation/blob/e7f4c98c09f628d7a5376afd1ae8d01a004e4f79/swipe-navigation.js#L71

I tried this in Safari and Firefox and these ignores won't work. Everything works fine in Chrome

System Health

version	core-2021.9.4
installation_type	Home Assistant OS
dev	false
hassio	true
docker	true
user	root
virtualenv	false
python_version	3.9.6
os_name	Linux
os_version	5.10.17-v7l
arch	armv7l
timezone	Europe/Budapest

Home Assistant Community Store

GitHub API | ok -- | -- Github API Calls Remaining | 4981 Installed Version | 1.15.2 Stage | running Available Repositories | 879 Installed Repositories | 10

AccuWeather

can_reach_server | ok -- | -- remaining_requests | 11

Home Assistant Cloud

logged_in | false -- | -- can_reach_cert_server | ok can_reach_cloud_auth | ok can_reach_cloud | ok

Home Assistant Supervisor

host_os | Home Assistant OS 6.3 -- | -- update_channel | stable supervisor_version | supervisor-2021.09.0 docker_version | 20.10.7 disk_total | 57.8 GB disk_used | 3.2 GB healthy | true supported | true board | rpi4 supervisor_api | ok version_api | ok installed_addons | Home Assistant Google Drive Backup (0.104.3), File editor (5.3.3), Terminal & SSH (9.1.3), Duck DNS (1.13.0), Z-Wave JS (0.1.38)

Lovelace

dashboards | 2 -- | -- resources | 6 views | 7 mode | storage

[kmikiy]

Using event.composedPath() instead of path solved the issue for me. ~Apparently, it won't work in Edge though, but should work in Safari / Firefox / Chrome.~ It should be supported in all popular browsers except Internet Explorer

   ...
    if (typeof event.composedPath() == "object") {
      for (let element of event.composedPath()) {
        if (element.nodeName == "HUI-VIEW") break;
        else if (ignored.indexOf(element.nodeName) > -1) return;
      }
    }
  ...

Source: https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari