Epiphany browser compatibility issue
Vue version
3.2.47
Link to minimal reproduction
https://github.com/TeodoraMiu/epiphany_vuetify_issue
Steps to reproduce
- Both Firefox and Gnome Web (Epiphany 42.4) are needed in order to reproduce this issue. Vuetify 3.1.5 is also used in this repo.
- In the base directory of the repo, run 'yarn dev'.
- Open localhost:3000 in Firefox and Epiphany.
- Click on the "Activator Slot" menu, and then click anywhere to close the menu.
- Open the browser inspector. A warning and an error should appear in the Epiphany browser console, whilst in Firefox it doesn't.
What is expected?
The menu should close without errors or warnings, for both browsers.
What is actually happening?
In Firefox, the menu closes as expected. In Epiphany, the menu closes, but a warning ('Unhandled error during execution of watcher callback') and error ('Unhandled Promise Rejection: ReferenceError: Can't find variable: cancelIdleCallback') are shown.
System Info
System:
OS: Linux 5.15 Ubuntu 20.04.5 LTS (Focal Fossa)
CPU: (2) x64 AMD Ryzen 5 5500U with Radeon Graphics
Memory: 702.96 MB / 3.80 GB
Container: Yes
Shell: 5.0.17 - /bin/bash
Binaries:
Node: 19.6.0 - ~/.nvm/versions/node/v19.6.0/bin/node
Yarn: 1.22.19 - /usr/bin/yarn
npm: 9.4.0 - ~/.nvm/versions/node/v19.6.0/bin/npm
Browsers:
Firefox: 110.0
npmPackages:
vue: ^3.2.38 => 3.2.47
Any additional comments?
I was using Vuetify with Tauri in order to build an application. Since Tauri uses Epiphany as its default browser, I noticed that when I used a Menu component from Vuetify (v-menu), I would get this error and I would be unable to, for example, use Vue Router to switch to another window view.