Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS shadows not rendered on mobile #454

Open
FilippoSalvarani21 opened this issue Feb 19, 2024 · 4 comments
Open

CSS shadows not rendered on mobile #454

FilippoSalvarani21 opened this issue Feb 19, 2024 · 4 comments
Labels

Comments

@FilippoSalvarani21
Copy link

CSS text-shadow and box-shadow are not rendered on mobile devices.
Tested on iOS Safari, Chrome and Firefox.

@biiibooo
Copy link
Contributor

biiibooo bot commented Feb 19, 2024

👋 @FilippoSalvarani21

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

@ArtemisGraphic
Copy link

ArtemisGraphic commented Feb 24, 2024

I tried do replace text-shadow with drop-shadow filter. drop-shadow gets rendered but on mobile the text is low quality.

With filter
https://github.com/bubkoo/html-to-image/assets/34547076/0724fa99-0002-472f-9ce1-0f83a4b0089f

Without filter
https://github.com/bubkoo/html-to-image/assets/34547076/5b1bd872-7c87-4837-b5b6-ca4c798a594b

@JJCUBER
Copy link

JJCUBER commented Dec 9, 2024

I am also having the exact same quality issue as @ArtemisGraphic, and nothing that I have tried seems to fix it (including increasing the pixel ratio).

@panknows
Copy link

same, have any updates?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants