jquery mobile: header on click content region toggles visible/hidden - jquery-mobile

The jquery mobile topnavigation toggle's on/off ( visible non visible ) when clicking anywhere in the content of the page. How can this be stopped?

As seen in the jQuery Mobile documentation, you can either use the tapToggle option or the data-tap-toggle data attribute.
Enable or disable the user's ability to toggle toolbar visibility with
a tap on the screen (or a click, for mouse users).

Related

is it possible to focus trap in modal popup when using talkback or voiceover?

i have page with iframe
in the iframe when i click the button, popup will appear
when talback or voiceover is enabled, is it possible to focus trap only in the popup ?
so is it possible to achieve that i will be not able to move outside of the popup using swipe gesture ?
by outside i mean, than i will be not able to reach address bar or any other part of site or browser.
i found this
https://medium.com/#islam.sayed8/trap-focus-inside-a-modal-aa5230326c1b
but thats not working on mobile
am i right that its not possible as talback/voiceover are system functions ?
thanks

How do I target spinner (up/down arrows) inside number textinput in jQuery Mobile?

I want to bind a handler to the click event for the little spinner (up/down arrows) that appear inside jQuery Mobile number textinput. See here:
The above screenshot comes from the jQuery Mobile API documentation for the Textinput Widget.
I can't target the entire input element because then the handler will be called on focus, and I don't want that.

Disable button focus border

I have a Jquery Mobile page with buttons
When set the focus to a button with Tab, there is a blue border... (Only with IE when browsing in a WPF WebBrowser control)
I would like to disable this border in the css, because when I click in the page, it automatically focus my first button...
It seems simple but I can't manage to do it...
For some reasons, I can't inspect the page to know the css property to disable.
What is the equivalent of "-moz-focus-inner" for Internet Explorer ?

page coming back with jQuery mobile virtual keyboard hide in Ipad

How can I prevent the page coming back with jQuery mobile virtual keyboard hidden in iPad? Because I'm having a list view popup with search box which sometimes disappears on input focus.

JQuery Mobile: how to disable default keyboard when clicking in text field?

I am currently using input text fields that spawn a chooser (listview with various entries) when they are clicked on. Testing this on the appMobi emulator works flawlessly; however, when testing it on an iPhone, the default keyboard appears when the text fields are touched and then quickly disappears to be replaced by the chooser.
Is there a way I can prevent the default keyboard from showing with JQM?
If they require user input, then you can't prevent the browsers' default implementation (at least in a x-browser friendly way). They is certainly no solution with JQM.
I suggest you style your own text box from a div or similar, using html/css. With js you can then wire up the chooser to this element.

Resources