Brief Flash Of Unstyled DOM - AnkiDroid Only #4
Description
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.