Dojox mobile simpledialog underlay transparency on Android

Question

I have a problem with dojox mobile SimpleDialog underlay transparency on Android - in the underlay randomly appears black squares (with no transparency), sometimes most of the underlay look in this way. And I don't know if it is a problem with dojox or with android WebView - I use it with PhoneGap and how I can solve it. I create the dialog in declarative way and open as a result of clicking on button.

I work with Dojo 1.9 and Android 4 and I have android:hardwareAccelerated set to true. Thanks in advance for any help.

Answer 1

The solution which I found is:

In CSS's class: mblSimpleDialogCover I've replaced this:

background-color: #000000;
opacity: 0.5;

with this:

background-color: rgba(0, 0, 0, 0.5);

And it's works fine for me.

Answer 2

Do you reproduce with your code packaged as web app (without PhoneGap)? Do you reproduce when using one of the test_SimpleDialog*.html in dojox/mobile/tests?

I've tried http://download.dojotoolkit.org/release-1.9.0/dojo-release-1.9.0/dojox/mobile/tests/test_SimpleDialog.html on HTC One X Android 4.1.1 and I don't reproduce.

Finally, could you tell the exact Android version (4.x.y), the device model, and your PhoneGap version? (if it's not a recent version, did you try upgrading it?)