[TIMOB-16362] Android: Sencha Touch apps don't work in web view in Android 4.4.2

GitHub Issue	n/a
Type	Bug
Priority	Low
Status	Closed
Resolution	Duplicate
Resolution Date	2014-03-24T18:23:58.000+0000
Affected Version/s	Release 3.2.0
Fix Version/s	2014 Sprint 06, 2014 Sprint 06 SDK
Components	Android
Labels	4.4.2, android, sencha, touch
Reporter	Justin Toth
Assignee	Ingo Muschenetz
Created	2014-01-31T22:51:18.000+0000
Updated	2017-03-20T22:22:21.000+0000

Description

Sencha Touch apps (using any Sencha SDK version) don't load in the Titanium web view on Android 4.4.2. Earlier Android versions work fine. Code to reproduce:

var win = Ti.UI.createWindow();
 
var webView = Ti.UI.createWebView({
url: 'http://cdn.sencha.io/touch/sencha-touch-2.1.0/examples/kitchensink/index.html',
top: 0, bottom: 0, left: 0, right: 0
});
win.add(webView);
 
win.open();

When it fails to load, the log is spammed with the following:

[ERROR] eglCodecCommon: glUtilsParamSize: unknow param 0x00000b44
[ERROR] eglCodecCommon: glUtilsParamSize: unknow param 0x00000bd0
[ERROR] eglCodecCommon: **** ERROR unknown type 0x0 (glSizeof,72)

I tested in the Android 4.4.2 emulator, but it has been reported as an issue on multiple devices as well. Note that the Sencha Touch apps load perfectly fine in native Android with the Cordova web view.

Attachments

File	Date	Size
android_webtest_sencha.zip	2014-03-20T02:40:48.000+0000	43774

Comments

Ritu Agrawal 2014-02-03

Moving this ticket to engineering as I can reproduce the issue with the provided code and the test steps.
Mark Catley 2014-02-20

We're still having this issue. I have figured out that this is something to do with the rendering engine believing the webview is 0 height. Sencha uses a layout that mostly uses percentages for heights and widths. If I set the styles on the body element to be "height: " + window.innerHeight + "px !important; width: " + window.innerWidth + "px;". Where it used to be "height: 100% !important; width: 100% !important;". I also do this onrotate. The main issue with this is that when you rotate the device while the webview is not on the screen then it displays incorrectly when the webview returns to the screen.
Marco Cota 2014-03-13

[~ingo] i just run a simple test case in native Android and is loading the Sencha kitchen sink correctly in Nexus 7 Android 4.4.2.

Vishal Duggal 2014-03-24

Seems to be the same issue as that reported in TIMOB-16479. Same error message as well

   03-10 17:20:35.665: I/chromium(14452): [INFO:async_pixel_transfer_manager_android.cc(56)] Async pixel transfers not supported

There is a workaround in that ticket at present to disable HW acceleration on the WebView.

   var webView = Ti.UI.createWebView({
   url: 'http://cdn.sencha.io/touch/sencha-touch-2.1.0/examples/kitchensink/index.html',
   top: 0, bottom: 0, left: 0, right: 0, borderRadius:1
   });

That should solve the problem.

Vishal Duggal 2014-03-24

Same root cause, different test case.
Vishal Duggal 2014-03-24

Resolving as duplicate.
Lee Morris 2017-03-20

Closing ticket as duplicate.

JSON Source