Fullcalendar listWeek click issues on iOS - javascript

When I use the "listWeek" as view on my fullcalendar, it doesn't fire the eventClick function (on mobile devices).
It works perfect on desktop, where I'm using the "agendaWeek" view.
Does anyone have experience with this problem and know how to fix it?

Related

Popover issue on iPad hybrid (cordova) application

I am working on adding iOS 11 support for an hybrid app build on older version. Everything works fine but I am facing issue on iPad. Unable to dismiss the pop over because it keeps on reappearing after making a selection. This also happens when the orientation changes. Has anyone faced similar issue or any pointers on why this might be happening.

Bootstrap Datetimepicker not working in Safari

I'm using eonasdan's bootstrap datetimepicker plugin for my website. My website is running in ASP.NET MVC 5, it has jQuery 1.10.2, bootstrap 3.3.6, requirejs and several other plugins. The problem I'm having is that the datetimepicker is not working properly in Safari (iphone, ipad). When I click the textbox the calendar will appear but when I click on a date it will close the calendar and won't select the date or enter it in the textbox. Its as if the area is not clickable by the touch event. I tried running the plugin in a separate application and its running fine, but for some reason it doesn't work in this website. I tried upgrading to jQuery 2 and got the same result. It doesn't throw any error or logs anything either so i have no clue whats going on. Can someone please give me some advice on how to fix this.
Here is a screenshot of the calendar:
Ok I finally figured out what was the issue. The project was referencing fastclick.js and attaching it to the DOM. This was causing erratic behavior in touch events. As soon as I got rid of fastclick everything started working nicely. So be careful when using fastclick.js since it's not very reliable.

Sencha Touch 2 pop event issue under IE on Nokia Lumia 630

I have one very unpleasant issue under IE on Lumia.
I'm developing mobile application with Sencha Touch 2 and
use pop event of Main view to attach some logic:
http://docs.sencha.com/touch/2.4/2.4.2-apidocs/#!/api/Ext.navigation.View-event-pop
Under all browsers the logic is called and application working properly instead
IE on Nokia Lumia 630. The idea is to be executed some logic when
the user click on back button and go to main view. Events attached to
backbutton event not fires at all. A also tried onbeforeunload on
onunload events but there are also not called.
I would be very grateful for any ideas and recommendations on how to solve this problem.

PhotoSwipe not working on mobile

I have integrated PhotoSwipe 4 on my website. It works well on a desktop machine when using a mouse, but when I open on mobile nothing works, and I can scroll down (it should close like that). Any ideas why this happens?
Here's a test page with this issue:
http://d9281484.u62.c14.ixinstant.com/events/first-event-2014
Most likely it's caused by mCustomScrollbar script that you're using, which stops the propagation of all touch events on mobile.

How do I make a JQuery Slider-like feature on iPhone/Android web app?

In the iPhone or Android, if you have a JQuery Slider, it doesn't quite work (touchscreen will move the screen instead of drag the slider.)
You may need to write this from scratch. Luckily, #ppk has coded up an example of drag and drop for iPhone.
Listen for touch events and move the slider accordingly. These events also work on Android as it also uses WebKit.
You can use this library http://touchpunch.furf.com/
This provides touch events for all the jquery ui elements.
I found sample code online which converts touch events to mouse events. I tested this with jquery-ui's slider and it worked nicely!
Link to source
You can do this for iphone, android and windows phones via jquery+javascript. Windows phone with IE has one flaw, I have not been able to get it to snap to div sections.
I used this to wire up http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ the slider. Works like a charm, just be sure to replace the code that works against specific dom elements. Then add $('#sliderdiv').addTouch (). Works on IPhone, but doesn't work for Android. According to quirksmode touch events don't work on Android.

Categories