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.
Related
I have a website https://www.itraveleo.com. It is on Angular 4 and we use the Kendo-UI for Angular controls. On an iPhone the keyboard keeps opening on the following pages on page load:
Homepage - when I click to go to homepage using the logo or using the menu item, the focus goes to the "To" combobox and the keyboard opens up. This does not happen on initial load of the website
Blog - click on the DREAM menu item. On this page, click on any blog. The focus again goes to the To combobox and the keyboard opens up.
Right below the heading of each blog (on mobile), the category and region is listed (e.g. North America / Asia, etc. and Cosmopolitan / Family Time / Outdoorsy, etc). Click on each of these one by one. Again the To combobox gets focus and the keyboard opens up
Tried multiple common fixes but nothing seems to work on the iPhone (activeElement blur, setting focus on another element)
I have a page in a WinRT XAML 8.1 app that is basically a full-page display made up of a WebView control, in order to display a web page.
For mouse users, it would be handy to be able to use the hardware mouse button that is included on many mice to go back a page in the WebView (not to the previous app page -- to the previous web page).
WinRT 8.1 is nicely programmed out of the box to respond to the hardware mouse back button and go back a page in an app. But when the mouse is hovered over the WebView control, the app does not respond to the hardware mouse back button at all. Move the mouse off the WebView, and pressing the hardware mouseback button moves to the previous app page.
SO the question is how do I detect the mouse back button when the mouse is hovering over the WebView control so I can issue a GoBack() command to the WebView control?
Manipulation events and certain mouse events (like these, it appears) are not forwarded through the WebView. There is no satisfactory workaround.
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).
We have an HTML5 webapp that needs to work on the iPad. The problem is that the page (body) scrolls up when the keyboard opens. When the keyboard is dismissed, the page remains in the scrolled up position. We need to detect the dismissal of the keyboard and scroll the page down. I have not been able to determine the event that would let me know that the user has dismissed the keyboard. We are using a WSIWIG Javascript-based HTML editor for editing content.
After more investigation I learned that iPad Safari has issues with iframes. In our case the editing area was in an iFrame, thus the issue with page scrolling when keyboard was dismissed. When we eliminated the iframe the problem is solved.
I am using jquerymobile.com for my mobile application development. For all the text(type="text") elements its shows Alphabet keypad in Mobile and For (type="number"), it shows number keypad by default and also it shows Go button on bottom right corner of keypad. How can i show the Next button instead of Go for all the input elements except the last element of the page?
I know for iOS the [Previous][Next] buttons are at the top of the keyboard layout. If there is no input to navigate to it's grayed out
http://jsfiddle.net/xTtmQ/
http://jsfiddle.net/xTtmQ/embedded/result/ (view on iOS device)
http://jsfiddle.net/xTtmQ/1/
http://jsfiddle.net/xTtmQ/1/embedded/result/ (TabIndex: view on iOS device)
You might be able to play with the TabIndex as well.
At this time I'm unaware of any custom keyboard options/layouts for HTML5 webapps