Chrome Version: 59.0.3071.125
OS: Android 7.1.2
What steps will reproduce the problem?
(1) open www.digitec.ch in a WebView (we used a custom app)
(2) inspect that via the Remote Devices
What is the expected result?
- to see the page screenshot reliably
What happens instead?
- a lot of the frames received via Page.screencastFrame are corrupted and invalid jpeg images.
More notes:
- this does NOT happen when opening that site in Chrome (same version)
- this does NOT happen to most sites
- our app has a simple WebView with a default WebClient, only Javascript has been enabled in the settings
- we also verify the corrupted frames when we connect to the devtools socket and issue the commands directly to the phone
- same problem with PNG and JPEG images
Some investigation:
- scrolling the page down "fixes" the problem. It only repros while the offer of the day ("Angebot des Tages") is shown
- that element is a <div> with "transform: translate3d(0, 0, 0)" with an <img> inside.
- setting "display:none" on the <div> fixes the glitch
- setting "display:none" on the <img> does NOT fix the glitch, but if the transform is disabled then the glitch stops
This suggests that there is some issue with rendering of CSS transforms that corrupts the images for Page.screencastFrame. But it's strange that it doesn't repro in Chrome, only in WebViews.
Comment 1 by joaodasilva@chromium.org
, Jul 5 2017