Super-productivity: Texts taking place of buttons

[Sayinore]

Your Environment

• Version used: web app version 5.9.13
• Operating System and version: Microsoft Windows 10
• Desktop Environment:
• Browser Name and version: Firefox 82.0

Expected Behavior

Current Behavior

Interesting buttons.

Steps to Reproduce (for bugs)

1.
2.
3.
4.

Console Output

Initial Dialog Error main.3521b98fc9dc9687077f.js:1:2922565
    zUnb/Yd</t.prototype.showDialogIfNecessary$/< https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    _error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    notifyError https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    _error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    notifyError https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    _error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    error https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    i https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    _trySubscribe https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    subscribe https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    a https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    dispatchTimeout https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    _execute https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    execute https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    flush https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    invokeTask https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1
    onInvokeTask https://app.super-productivity.com/main.3521b98fc9dc9687077f.js:1
    invokeTask https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1
    runTask https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1
    invokeTask https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1
    invoke https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1
    0 https://app.super-productivity.com/polyfills.aebe8ecc43d658291381.js:1

Object { message: "Timeout has occurred", name: "TimeoutError", stack: "" }
main.3521b98fc9dc9687077f.js:1:2922603

Error Log (Desktop only)

[Sayinore]

All affected icons seemed to share <mat-icon> tag, and the texts in dramatically large fonts are the text inside, despite aria-hidden="true"s are written in <mat-icon>s.
Firefox android version worked well. Chrome windows version worked well.
Maybe a bug of firefox windows version?

[Sayinore]

Solved.
Caused by my custom settings.

[Sayinore]

If anyone found the same problem:

Also try to check the box at "about:preferences" → Fonts & colors → Advanced → “Allow web pages to use their own fonts instead of the ones chosen above”.

from audeoudh commented on Aug 1, 2019

[johannesjo]

Thank you for sharing your problem and solution! :)