Skip to content

Issue with GIF Image on iOS – Transparent GIF Background Displays as White #28714

@LuisGuerra89

Description

@LuisGuerra89

Description:
I am using a WebView inside a Syncfusion SfPopup in my .NET MAUI application to display a GIF with a transparent background. It works correctly on Android, but on iOS, the background appears white instead of transparent.

Code:

<WebView x:Name="webLogo"
    BackgroundColor="Transparent"
    IsVisible="{OnPlatform Android=false}"
    VerticalOptions="Center" HorizontalOptions="Center"
    HeightRequest="100" WidthRequest="100">
    <WebView.Source>
        <HtmlWebViewSource>
            <HtmlWebViewSource.Html>
                <![CDATA[
                <HTML>
                <BODY>
                <img src="loading_skipa_sinfondo.gif" style="width:40%"/>
                </BODY>
                </HTML>
                ]]>
            </HtmlWebViewSource.Html>
        </HtmlWebViewSource>
    </WebView.Source>
</WebView>

Expected Behavior:
The image loading_skipa_sinfondo.gif should display with a transparent background on iOS, just as it does on Android.

Actual Behavior:
On iOS, the image appears with a white background instead of maintaining transparency.

Steps to Reproduce:
Add a WebView with an HtmlWebViewSource inside an SfPopup in a .NET MAUI project.

Use a GIF image with a transparent background.

Run the application on an iOS device or simulator.

Has anyone found a solution for this issue on iOS?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions