I have an application that is built using PhoneGap. One page in the application copies the contents of other pages as images. This worked fine in older versions of iOS, but lately I noticed that the copied canvases were once empty. The rest of the page is displayed correctly. I don’t know which version of iOS it crawled into, but I am currently running iOS 10.3.1 on my iPad Pro. This does not happen when the same code works like WebApp in mobile Safari (or in Chrome or on laptops for Mac laptops).
Using the debugger in the application, I can restore the page by simply switching the display property. This indicates that this is a rendering error in the embedded Webview that Cordoba uses. I currently have a patch that toggles the display property. This works, but it causes flickering even with requestAnimationFrame () or SetTimeout (fn, 0).
The application is built using cli-6.5.0 using the PhoneGap assembly.
Has anyone else seen this error or had a better patch?
Follow-up: Switching visibility eliminates flicker. When a problem arises, the canvas behaves as if it is invisible, but the DOM reports that it is. Also the problem occurs when the canvas is copied under an Ajax callback. Delaying processing with setTimeout () does not solve the problem.