Subscribe on changes!

Epiphany browser compatibility issue

avatar
Feb 21st 2023

Vue version

3.2.47

Link to minimal reproduction

https://github.com/TeodoraMiu/epiphany_vuetify_issue

Steps to reproduce

  1. 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.
  2. In the base directory of the repo, run 'yarn dev'.
  3. Open localhost:3000 in Firefox and Epiphany.
  4. Click on the "Activator Slot" menu, and then click anywhere to close the menu.
  5. 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.

avatar
Feb 21st 2023

There's no variable called cancelIdleCallback in our codebase. This is a problem with Vuetify using requestIdleCallback and Safari/Epiphany having issues with that.