Xamarin/Android webview with jquery mobile css fails

Im building a webview app in xamarin/android and I made the minimum and target android version to be 4.2 jelly bean .
The app is working perfectly on my phone samsung duos 4.4.4 and on the emulator 4.4.2 but Im trying to test it on emulator running 4.2.2 ,it is not working and the application stops responding .
After so many tests ,I found that the issue seems to be occurring from the jquery.mobile-1.4.5.min.css .
If you remove the reference the app will work .
I tried older versions of the jquery mobile css ,but the issue is still there and it is simply can be seen if you reference them in a fresh new webview android solution .Below are the repro steps :

-Open Xamarin .
-File-->New-->Solution-->Android WebView App
-Now click run to test the application .
-Stop debugging and click on the Views folder on the left pane ,you should be able to see the RazorView.cshtml
-Open the RazorView.cshtml file
-Check the head tag ,it only has reference to the css file
-Now add references to the jquery mobile and its css from the below link
http://blog.jquerymobile.com/2014/10/31/jquery-mobile-1-4-5-released/
from the 'Copy-and-Paste Snippet for CDN-hosted files'
-Now run the app on 4.2 or 4.3 device or emulator,you will see a blank page with the loading icon spinning .
-Run the same on 4.4 emulator and it will work and display the default html page .

I did lots of research but I couldn't find any reported issue which is very strange  .Maybe the css has features that is not compatible with the webview but i cant tell what ,any ideas how to fix this .

Thanks
Ayad
AJDeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Randy DownsOWNERCommented:
Will your application work without the css from jquery? Maybe you could use your own style sheet instead.

You could try hosting the css files locally by downloading them. If you want to see what's causing you grief use the regular .css rather that the minified version (.min.css). Then regular .css is more readable and you can edit it to remove some of the styles to see if it helps.

ZIP File:

If you want to host the files yourself you can download a zip of all the files.

    Zip File: jquery.mobile-1.4.5.zip (JavaScript, CSS, images, and demos)

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Android

From novice to tech pro — start learning today.