2

I am working on one android app using jQuery mobile and phonegap. I have used jQuery mobile popup to show popup in app. Issue is when I opens popup then it is highlighted by transparent purple box which I don't want. How to remove this transparent purple box?

Screenshot link: https://docs.google.com/file/d/0BwIDqcJXVfuAdm96SHc1c0liT1U/edit?usp=docslist_api

HTML for popup:

    <div data-role="popup" id="popupCloseRight" class="ui-content" style="max-width:280px">
                        <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
                        <p>Please enter list name.</p>
                    </div>

JavaScript to open popup: $('#popupCloseRight').popup('open');

shuklendu
  • 475
  • 1
  • 5
  • 8
  • 1
    Check your css file. and post some html code related to popup. – MysticMagicϡ Sep 22 '14 at 05:21
  • 1
    Just open your page on browser and inspect it.so you will see which is your css is going to apply for this pop-up. – Born To Win Sep 22 '14 at 05:32
  • 1
    @BornToWin It is working proper in browser on my pc. No transparent purple box is coming in PC browser, but issue is when I open it as android app. – shuklendu Sep 22 '14 at 08:03
  • That's weird. Are there developer tools on the Android to check the CSS properties or plug the phone if you are not using the simulator to a PC to debug? – Tasos Sep 22 '14 at 08:06
  • @MysticMagic I have posted HTML above and css is unmodified jquery.mobile-1.4.4.css at http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.css – shuklendu Sep 22 '14 at 08:16
  • i'm not even able to get the popup to show in cordova, i think im not using the right jquery version. Here's my [thread](http://stackoverflow.com/q/26398508/3421340) – allwynmasc Oct 17 '14 at 08:59

1 Answers1

-1

I had this problem on my android tablet (Android version 4.2.2) but not on my phone (Android version 4.1.2). I found this link which was very helpful:

https://github.com/jquery/jquery-mobile/issues/7533

I only commented this line in jquery.mobile-1.4.4.js and now it's working: 

this._ui.container.attr( "tabindex", "0" ).focus();
user4193897
  • 1