flags don't display in the android browser with the 2.3.2 version and vue3

[nekooee]

Hi, I used the latest version (2.3.2) of vue-country-flag, unfortunately, does not display any flags in the android browser but no problem on the desktop. you can see the problem top of this page: https://flashdump.ir/en

please help me

[nekooee]

Now I found, that when I add background color, the problem solve! for example, I added background-color: white and I saw the flag was displayed. but why?

[ubaldop]

Hello @nekooee, thanks for reporting this. Alas, this issue was already mentioned and I was not able to fix it properly because it seems that base64 encoded flag sprite does not works properly on Android. See here for further details.

Unluckly currently I have not enough spare time to investigate on it again 😿

[ubaldop]

Now I found, that when I add background color, the problem solve! for example, I added background-color: white and I saw the flag was displayed. but why?

About this, wow, nice catch! I don't know why either, but it seems a good workaround. Does it work also with a transparent background? I am happy you're able to manage it with a working trick, thanks for mentioning it.

[nekooee]

Now I found, that when I add background color, the problem solve! for example, I added background-color: white and I saw the flag was displayed. but why?

About this, wow, nice catch! I don't know why either, but it seems a good workaround. Does it work also with a transparent background? I am happy you're able to manage it with a working trick, thanks for mentioning it.

you're welcome. If you make it transparent, the flag will not be displayed. But there is no need to do this. Because the background color is under the flag and cannot be seen at all.