Card Blur not working on android

[TheRedCyclops]

Description

The blur on the cards doesn't work on android, the browser does not display it, I have tried multiple browsers but it only seems to work on pc.

homepage version

v0.9.13

Installation method

Docker

Configuration

---
# For configuration options and examples, please see:
# https://gethomepage.dev/configs/settings

background:
  image: /mountains.jpg
  saturate: 50
cardBlur: md
theme: dark

Container Logs

No response

Browser Logs

No response

Troubleshooting

Unable to preform browser tests on android, nothing on logs from the server

[shamoon]

Sounds like a browser css issue, not us

[TheRedCyclops]

after further testing the only browser I could get it working on is Firefox. Taking into account the popularity of Chromium based browsers on Android I believe this issue could be afecting a large portion of the userbase. Perhaps a workaround could be applied, otherwise I would appreciate if someone finds out why this issue is happening so it can be reported (probably) to the chromium project

[shamoon]

This comes straight from https://tailwindcss.com/docs/backdrop-blur#basic-usage

Oh, and from the docs:

You can apply a blur filter to the service & bookmark cards. Note this option is incompatible with the background blur, saturate and brightness filters.

https://gethomepage.dev/configs/settings/#card-background-blur

[TheRedCyclops]

removing the background saturation option fixed it

[github-actions[bot]]

This discussion has been automatically closed because it was marked as answered. See our contributing guidelines for more details.

[github-actions[bot]]

This discussion has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns. See our contributing guidelines for more details.