How do I close pop-up event details on mobile sites?

It should work to close it if you click anywhere off the event. So if you just click somewhere off the popup but not on another event it should close. Does that work? If not we might need to investigate further.

Thanks

Hi Nick,

I had already tried that and I’m afraid it’s not working for me. Even more annoyingly, if I scroll down to look at the list view beneath the calendar view, the pop-up window scrolls down too and covers the text.

The only way I have found to close the pop-up is to click back on the Performance Diary menu link but obviously this is not how the function is supposed to work.

Many thanks,
Kate

Have you tried this on the latest update? We made some fixes in this area recently.

Assuming last update resolved this since there hasn’t been a reply. Please let us know if you have any more issues.

Thanks!

Hi Nick,

Sorry for the delay, busy here!

I have updated to the latest version (Version 2.2.4) but I am still seeing this issue when looking at calendar events on my iPhone. Any further thoughts on how I might resolve this?

Many thanks
Kate

I’m also having this issue: https://69.195.124.80/~lakesht8/calendar/

Thanks,
Lauren

We will keep looking into it. Thanks for letting us know.

Can you both post a working URL so that we can troubleshoot more?

I am also having the same issue on our website: fbcponca.org

https://www.samuelboden.com/performance-diary/

Thanks for posting the links I will get back to you when we have some news/troubleshooting.

Thanks!

In qtip.min file, when you change the lines respectives 1964 and 1973
from :
event: ‘mouseenter’,
event: ‘mouseleave’,
to :
event: ‘mouseenter click’,
event: ‘mouseleave click’,
The effect is better for Ipad/Iphone, but I now have to click as well on Internet/explorer…. Which wasn’t the purpose.
I saw that there were some tests with qtip to test if it’s with IOS, but i wasn’t able to find it…
Rgds
Vincent

dear all,
js/qtip.min.js file lines 1964 change from :
event: ‘mouseenter’,
towards
event: BROWSER.iOS ? ‘click’ : ‘mouseenter’,
line 1973 change from :
event: ‘mouseleave’,
to
event: BROWSER.iOS ? ‘click’ : ‘mouseleave’,

It sounds the IOS detection works like that.
Then, we’ve to redo the minification of js file.
If somebeody can test this solution as well to see if it’s the good one ?
Rgds and many thanks,
Vincent

Vincent, I tried inserting the code but it didn’t work. I am fairly new to editing files so it is possible i didn’t place it in the right spot. But so far no luck for me.

dear Aaron,
have you done after change in js/jquery.qtip.js (lines 1964 and 1973), the minification process ?
You go to jcompress.com -for instance-, you copy/paste the jquery.qtip.js file and then you go in output table, you copy the code here, and then you paste it in your file js/jquery.qtip.min.js.
=> it sounds that’s this file which is used by GEC.

Rgds
Vincent