Brief Flash Of Unstyled DOM - AnkiDroid Only

[LoganConnor44]

Issue

When using AnkiDroid the application flashes for a moment before each card (front and back) renders.

Library Version

1.1.48

Client

Anki Droid

Template Code Snippets To Reproduce Issue

Found Here

Possible Cause

AnkiDroid handles the WebView different than Desktop Anki. It destroys and recreates it between each and every front and back card.

Work Around

In Anki's styling section, I've added a completely black background so this will be rendered first. This does not prevent the flash of DOM, but it makes the flash less abrupt compared to a white background.

Long Term Solution

Storing or caching the web component, similar to how PWA operate. Maybe adding a service worker via StencilJs would be appropriate.