-
Notifications
You must be signed in to change notification settings - Fork 22
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
Flags do not appear in mobile web browser #9
Comments
Good catch, hopefully someone can look into it. It might be due to svgs. |
Actually, they are not working in html renderer, only working in CanvasKit renderer. By default, flutter uses CanvasKit on desktop browsers and html renderer on mobile browsers. |
This might be due to the move to flutter-svg, as I recall it was working previously |
Related: dnfield/flutter_svg#845 Yeah, looks like it's an issue with flutter_svg. |
Made a PR, hope it helps: #11 |
Thanks a lot @blopker I'll get on it this weekend, I'm drowning in high priority tasks right now |
should be fixed in 1.0.4 |
This issue happens again in 5.0.0 |
the flags were regenerated with the original library https://github.com/HatScripts/circle-flags which readded the mask. |
@cyrilmata the original fix is linked above and can be reimplemented. Since the process has to be repeated each time the flags are regenerated, this should be implemented in a way that fixes the issues every time the files are regenerated. This issue in the original repository would fix it at the source: HatScripts/circle-flags#105 |
I don't understand why, but I'm facing different behaviour in flutter web projects when accessed from Desktop vs Mobile.
My demo project:
https://payment.gula.mobi/#/
On desktop it works fine:
![image](https://user-images.githubusercontent.com/110770797/210071002-517ee60d-2d79-4348-934a-edf77b5baff7.png)
On Android mobile, using Chrome:
![Mobile Chrome](https://user-images.githubusercontent.com/110770797/210071183-e8494d15-41e2-451a-b414-1d306e33db66.jpeg)
On Android mobile, using Firefox:
![Mobile Firefox](https://user-images.githubusercontent.com/110770797/210071221-a0cad9bb-0901-4b77-9ac8-01d84c7f9d08.jpeg)
On iPhone, using Safari:
![iPhone Safari](https://user-images.githubusercontent.com/110770797/210072865-fdb3311d-1bbc-43cf-9e79-aa1917ad59d5.jpeg)
The text was updated successfully, but these errors were encountered: