I'm developing an cross-browser app using javascript/HTML/CSS for the UI. I noticed some very weird behavior on one of my devices (iPad Pro, iOS 9.2.1).
When pressing a button an even number of times, it doesn't seem to register the button press. This is happening for all of my buttons.
I can post some of the code if it's relevant, but it's happening on all of my buttons. The code uses angular and bootstrap.
Related
So this is a rather strange behaviour I noticed with VueJS. On mobile browsers (Safari for example), clicking on areas with #click actions sometimes does not respond unless you hold your finger down for a few ms. Sometimes it even registers the click as a hover event, but doesn’t run the #click action.
My website I’m talking about: https://www.votify.net
Did you ever experience similiar behaviour? How could I possibly go about debugging this?
I am accessing an html webapp within a WebView in an Xbox XAML app. For context, it was previously a hosted webapp, but leaks while playing video content were causing crashes, which prompted me to use a XAML app with a WebView and a MediaElement.
Initially, my <input/> fields were not showing the keyboard (InputPane) when focused and pressing the 'A/ok' button on the controller/remote. Using the following
window.Windows.UI.ViewManagement.InputPane
.getForCurrentView()
.tryShow();
helped show the keyboard on first key press. With my app hosted in the WebView, I had the same problem, but window.Windows was not available. The solution seems to be the use the ScriptNotify event on the WebView, that itselfs calls the (very similar) following code in the C# portion of the code:
Windows.UI.ViewManagement.InputPane.GetForCurrentView().TryShow();
So far so good. Now the problem: when hitting the "B/return" button on the controller/remote, the InputPane leaves, and the <input/> element is obviously focused since it still shows a blinking text cursor, but the app does not respond to keypresses. I have to press the "B/return" button a second time to regain control on the webapp.
I looked into the InputPane api, and in hacks like focusing the WebView but without success so far.
Any help is greatly appreciated!
I have recently converted some flash files to HTML5 using the google swiffy converter. These files are working great within a desktop browser but when it comes to testing on an iPad i am having some issues.
The problem I am having is with buttons. My buttons are showing up correctly however when you tap on them they are just being highlighted and not actually calling the click event. If i then click the highlighted button again the click event fires.
Is there any way to solve this problem as it is very frustrating.
I found out what the problem was with this.
The way that the buttons were created was that they were Movie Clips, if i changed them to be buttons and then exported and converted the buttons started working properly.
I recently designed an app for blackberry with phonegap it works fine except for one issue. The issue is that when i tap outside the form fields(input, submit etc) focus leaves the interface. i want the focus to always be on one of the form fields like in the login page for Facebook app and Twitter app. How can i do this?
You can use set focus() properties.Like that
document.getElementById("Textbox1").focus();
I have a textarea element on a web page, with some JavaScript code which executes on certain keyboard events; among other things the JS code should make some visible updates to the page.
On desktop browsers, and also on iOS this works fine, however on the stock Android browser (Samsung Galaxy S3 running 4.0.4) none of the page updates occur until the onscreen keyboard is closed. The page updates seem to get 'buffered' and once the keyboard closes they all run in quick succession.
I know the event handlers are running while the keyboard is open, because if I insert some alert statements into them then the alert dialogs appear with each keypress rather than waiting for the keyboard to close.
Does anyone else seen this, or know of a workaround?