Google Swiffy iPad Button double click issue - javascript

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.

Related

Search icon on mobile site unresponsive and no longer toggles open

The search icon on my mobile website suddenly stopped working recently. It's supposed to toggle open a search bar; however, now when I click it, nothing happens.
When I long press via Chrome on mobile it displays "about:blank#blocked" and on Firefox on hover it displays javascript:void(0).
Not sure what caused it to stop working and it's a bit frustrating.
If anyone has any insights or ideas on how to solve it, that would be super helpful.
My website is www.gentlemanwithin.com
I see your issue:-
Your issue is when you are trying to access custom search form that unable to access because you added an extra search button which is not belongs to that. So you try toggle function to show yellow colored area of your code. After it your issue will solve. Below I have attached your site screenshot image, that you can see it for the reference.

Button click requires double click or long-press on mobile

I'm trying to click a button in a React app, and while it works on desktop, it does not work properly on mobile. I need to long-press or double-click, and play a little bit until the button finally works.
I have replicated my problem in this demo.
If you open the page on a desktop browser and attempt to open the hamburger menu, it should open right away. However, if you open it in mobile, it will not work right away. You will also see the menu jitter a little bit off-screen. Attempting to close the menu by clicking on the overlay has the same problem in mobile.
Why is this not working properly on mobile? How can I get the button to work when I tap it?
I added cursor:pointer to the button after seeing this somewhat similar post, but this doesn't help.
This problem has occurred in the past to me, and I was able to solve it using onMouseDown but it doesn't work this time, I'm guessing because I'm using a component that is imported from a package (react-burger-menu) and can't override its onClick function? I'm not sure what is happening.
EDIT: Solved. See my answer.
Turns out it works if I fix the stacking of elements. I had nested my navbar component inside the MapContainer, but this was making things wonky mobile-side. I moved my component outside the MapContainer, and things worked.
I still don't understand why it went wonky mobile-side and in iOS only, but this problem at least is solvable.
Fixed example is here.
My map token has been removed, so you can use your own to substitute, but it is not necessary to have the map showing to see the problem/solution.

iOS even number button press

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.

Screen Button on iPad with code

I am trying to make a button that will allow me to screenshot my image on an iPad, then attach it to an e-mail. I am not developing an app, so I cannot use Objective C or UI code. I was hoping there was a way to this with Javascript or JQuery.
Basically I made a widget that you can draw in for an iBook. I want to add a button that when pressed will take a screenshot of the iPad Canvas, then attach it into an e-mail.
Any insight is greatly appreciated!
Here you can find three way to take a screenshot of the browser's viewport using jQuery:
http://www.jquerybyexample.net/2013/08/take-webpage-screenshot-html5-jquery-javascript.html

itemtap event not firing on all taps

I'm using Sencha Touch 2.1. I have Ext.carousel.Carousel container and bunch of Ext.dataview.Dataview as pages inside carousel.
On each dataview I have a lot of buttons (rendered using CSS - so they are not buttons controls but simple divs with fancy styles). I'm trying to catch itemtap event when user taps on the "button".
Everything works fine in browser on the desktop. On the iPad however touch sensitivity is different and often I will not get itemtap event when user not carefully and somewhat slowly taps on the button. Carousel would start moving slightly as in swipe event was detected and carousel needs to change pages.
I tried to replace itemtap and use itemtouchstart instead. Button responsiveness got significantly better, but I often see false positives when user legitimately swipes between pages.
I'm stuck. I want to have responsive buttons and also swipe across to change pages.
Anybody seen something similar? Or solve it somehow?
This is a known issue check out this forum post in sencha forum. Tragically i have the same issue & at the moment it cannot be solved using sencha alone perhaps a solution is available in phonegap but i dont know.

Categories