Broken splashscreen image during fadeout of splashscreen about cordova-windows

[janpio]

Probably related:

'WWAHost.exe' (Script): Loaded 'Script Code (MSAppHost/3.0)'. 
Exception was thrown at line 944, column 5 in ms-appx-web://io.cordova.hellocordova/www/cordova.js
0x800a138f - JavaScript runtime error: Unable to get property 'attributes' of undefined or null reference

[janpio]

The image is usually visible as it should be, and only during fadeout of the splashscreen the "broken image" image disappears.

[janpio]

Ok, similar to iOS there seems to be a native splashscreen, and a manually constructed one with a spinner. That second one can't properly display the splashscreen image.

[janpio]

To make the problem more visible, add this to your config.xml:

    <platform name="windows">
        <preference name="SplashScreenBackgroundColor" value="red" />
        <preference name="SplashScreenDelay" value="10000" />
        <preference name="FadeSplashScreenDuration" value="5000" />
	</platform>

[janpio]

Debugging the webview content this is visible:

<div class="extendedSplashScreen hidden" id="extendedSplashScreen" style="opacity: 1; background-color: red;"><span id="extendedSplashImageHelper"></span><img id="extendedSplashImage" style="left: 290px; top: 300px; width: 620px; height: 300px;" draggable="false" onload="" alt="Splash screen image" src="ms-appx-web:///images/splashscreen.png"><progress class="win-medium win-ring extended-splash-progress-desktop" id="extendedSplashProgress" style="margin-top: 632px;"></progress></div>

And indeed, ms-appx-web:///images/splashscreen.png can not be loaded if you add it to the page html directly:

<div class="app">
            <h1>Apache Cordova</h1><img src="ms-appx-web:///images/splashscreen.png">
            <div class="blink" id="deviceready">
                <p class="event listening" style="display:none;">Connecting to Device</p>
                <p class="event received" style="display:block;">Device is Ready</p>
            </div>
        </div>

So either this never worked, or something broke it.

[janpio]

Ah there it is:

[janpio]

So this can be fixed by replacing

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">

with

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content: ms-appx-web:;">

in index.html (See difference at the end of string).

Now the question becomes: Should this be added to our default project at https://github.com/apache/cordova-app-hello-world/blob/master/template_src/www/index.html#L31? Or should we change index.html dynamically somehow only for Windows? Or is there some other workaround?

[brodybits]

What is the status of this issue?

Any reason for this issue to block a patch release?

[brodybits]

I think we should address this in the next major release.

[timbru31]

We are archiving this repository following Apache Cordova's Deprecation Policy. We will not continue to work on this repository. Therefore all issues and pull requests are being closed. Thanks for your contribution.