Angular application doesn't work on iPhone/Safari 5.1.7 - javascript

Currently am developing a big project in AngularJS(version 1.3X), Bootstrap(3.3.1), animate.css and few other libraries.
I do test my application on different devices via Google Chrome Developers mode and on few browsers like Google Chrome, Mozilla Firefox and Safari(for Windows7).
I also have possibility to perform tests on Android device and iPhone.
For some strange reason my application seems to work on every device except for iPhone 5 with Safari 5.1.7(when using same Safari but on Windows7 it does work).
Has anyone before stumbled uppon similar problem?
#EDIT
Sorry, forgot to mention what is actually happening.
When I try to press button that's supposed to toggle (using jQuery, I know it should be done via ui-routing, but that's how my boss wants it) portion of the view (panel) it does not work. Buttons do not perform any actions. There is no reaction.

Related

Google Chrome does not show desktop notification but the sound is working

I have an application with previously worked well with Google Chrome desktop notifications. But it currently have a strange issue.
When the notification should be worked, I receive the notification sound in browser, but the notification box does not appear anymore!
I've tested this on Firefox and it works without any issue. Also, I tested notification working status at https://pushjs.org/ but it did not work too!
I am using the Chrome version 95.0.4638.54 on Windows 10 64-bit.
May you help me to know what is issue? I did not have it previously.

Scrolling in Chrome (latest version) on iPad/iPhone blocks javascript execution

I have encounter a problem with Chrome that is similar to an older issue with Firefox at this URL: Scrolling blocks javascript execution in Firefox.
I used the jsfiddle example script that was provided in the other link above to verify the problem with Chrome (version 44.0.2403.67).
This issue is present on iPads and iPhones.
This can cause real clunky behavior in certain scenarios for Web applications like we are developing.
Update
Use Model
While the user scrolls, I have a timer in the background that periodically adds more items to the search list that he/she is viewing. This works fine for all supported OSs/Browsers/devices except for Chrome on iPad/iPhone devices
Does anyone know of a workaround?
Thanks...

Meteor: google login doesn't work on iphone/ipad

I implemented a simple meteor site that uses google login. It works in desktop browsers. In Chrome, I use mobile device emulation and it also works. It also works on an android device I tried. However, it doesn't work on iphone/ipad. I use safari and chrome in iphone/ipad, but neither works. The issue is that when I click the link to login, nothing happens. But in desktop and android, it brings me to the google login page.
I have a test site: http://wwwtest.meteor.com/
It is deployed in debug mode so you can see the files.
Anything special that prevent iphone/ipad to work?
Thanks.
you need to add cursor: pointer; style to your a element (or catch touchstart/end events as described in the link). It is related to this issue: how-do-i-use-jquery-for-click-event-in-iphone-web-application.
After that, it should work. (Checked on ios simulator and it works)

Chrome browser not working as expected (onclick/onsubmit error?)

Here is one strange thing. Thanks for ideas.
My Chrome browser does not interact with some web pages as expected. When opening the pages on a different device (such as Browserstack or colleages' computers), everything works fine. There must be a problem with my device, it is obviously not linked to the browser version itself.
Example 1: click on element does not show reaction
When clicking on the small gray dots below the main image here, Chrome usually performs a caroussel switch. On my device, it does not. Clicks are constantly being ignored, although the automatic caroussel switch works just as on any other device.
Screenshot: i.stack.imgur.com/KR64m.png
Example 2: click on button does not show reaction
When clicking the button "Weiter" on this page in the lower right section of the page, my Chrome does not show any reaction. Works as expected on any other device.
Screenshot: i.stack.imgur.com/g8dHN.png
My Chrome Version: 33.0.1750.146 m (plugins disabled, surfing in anonymous mode)
OS: Win 7 Pro SP1 64 Bit
Thanks for help!
UPDATE:
I found out that my Chrome shows different results to a VisualEvent-check than Browserstack.
Have a look here:
My chrome (buggy): i.stack.imgur.com/Earrs.png
Browserstack (working): i.stack.imgur.com/zRRgA.png
What can I learn from that? There are two more event handlers
There are no VisualEvent differences for the second example, however.
UPDATE 2: On a MS Virtual Machine, everything works as expected:
My comment below
Hm do you deactivted your Javascript by accident?
https://support.google.com/adsense/answer/12654?hl=de
Have u tried a different browser on the same device?
I had this problem too, but it was solved by itself the next day. Maybe you just need to do a reboot?
Concerning my device, the issue is related to the fact that my device has a touch screen which Chromium does not know how to handle in the standard configuration. Considered a bug.
nzolghadr#chromium.org
The problem is with "'ontouchstart' in window" expression which the jquery.flexslider library uses. Right now on Windows Chrome returns that as true when you have chrome://flags/#touch-events enabled/automatic. Related issues are: crbug.com/467934, crbug.com/555746, and crbug.com/392584 which based on those it seems that Windows thinks something is touch enabled and Chrome just reflects that.
https://bugs.chromium.org/p/chromium/issues/detail?id=373991#c13

history.back() doesn't work in Safari on iOS

My app is based on AngularJS 1.2.3. The application is enabled as a web app for iOS. The app contains back buttons with onclick handlers with the following code
history.length && history.back()
I've also tried using history.go(-1) as well. Problem is, the browser doesn't navigate back in history in Safari on iOS, or when the app is saved to the home screen as a web app. One thing i find weird however is that it works fine in Chrome on Safari, as Chrome actually is the Safari browser engine.
I know it have worked before, but doesn't anymore for some reason. The iPad is running iOS 7.0.4.
If you are using AppCache history.back will not work on iOS7 (check http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/).
So if that's the problem, the easiest solution is to disable AppCache.

Categories

Resources