Month view event tooltips link to day view on click

[Kandace]

What’s happening: If you click anywhere inside the event tooltip while on the month calendar view (set as the default) you get pushed through to the day list view (events/2013-10-08/).

Expected behavior: on a click inside a tooltip, either you’d be redirected to the single event view or nothing would happen.

Example: hover over any event here: http://litartspdx.staging.wpengine.com/calendar/2013-10/, move the cursor up into the tooltip, click, head to the list view for that day.

Where is the destination url coming from? There’s no `` tag or data-* attribute anywhere in the tooltip. And I can’t find and click events bound to the tooltip in the plugin’s various .js files.

Any ideas or help would be great. Thanks.

[Barry]

Hi Kandace: for me the tooltip appears above the event title and if I continue to move the mouse further up the screen as soon as it is clear of the title the tooltip vanishes and I am unable to actually hover over it (which is what I’d expect).

Are you actually able to hover over the tooltip without it vanishing? What browser are you using when you do this?

Thanks!

[Heather]

I am having this same problem on my site: http://serendipity.eidigitaldev.com/events-calendar/. When you hover on the tooltip and click on it, it takes you to http://serendipity.eidigitaldev.com/events-calendar/2013-09-27/, which is not the events from that day, and I don’t understand where it’s getting this information from or how to set it up to grab that day’s events properly.

Thanks!

[Barry]

Thanks, that illustrates it nicely. So if that is indeed what you are experiencing also, Kandace, the problem is a little like this:

* Clicking on a day (cell) in the calendar, but not on a specific event title within the cell, takes you to day view – this is expected behaviour
* Clicking on the tooltip itself results in that click being “inherited” by the cell, and the same thing happens
* In the normal course of events you would be unable to do this (check out our demo site for instance and you should find you can’t actually move the mouse over the tooltip)

So in a sense the problem is that, with your particular themes, the tooltip is positioned such that the mouse can indeed run over it. To counter this please take a look at this snippet/explanation … in your respective cases it isn’t quite so bad that the actual title is obscured, but I suspect the basic problem is one and the same.

Also, since the problem isn’t quite as exacerbated in your cases as it can be with other themes, reusing the CSS in that snippet “as is” will displace the tooltip significantly, so consider changing the top margin property to a lower value, ie:

.tribe-events-calendar .tribe-events-tooltip { margin-bottom: 12px; }

I hope that helps (and that it makes some sense!) but let me know if not 🙂

[Heather]

Hi Barry –
Thanks so much for your help. I will try the CSS to move the tooltip so you can’t hover over it, but the bigger problem for me is the posts that are displayed on the day view (whether you get there by clicking on the tooltip or the actual day). It is grabbing random posts for this view, rather than calendar posts? Check it out at http://serendipity.eidigitaldev.com/events-calendar/2013-09-27/.

Thanks!

[Barry]

OK, since that’s a different issue by the sounds of it (and I want to ensure Kandace – who created this thread for her own issue – is all sorted here) I’d ask that you create a new thread for that specific problem.

[Heather]

Will do. Thank you.

[Barry]

@Kandace: how are you getting on here?

[Kandace]

Hi, @Barry: thanks for your help. I didn’t realize you weren’t meant to be able to hover over the tooltip at all. Knowing that is definitely helpful. As we have no need for the day list view at all, I’ve removed the link from the day cells entirely from the template within our theme. Everything works as expected now. Thanks again!

[Barry]

Excellent!

[Author]

Posts