Calendar Widget Tooltip Is Truncated

[Larry Martin]

The tooltip originally opens within the boundaries of the sidebar calendar widget. But after you move to another month, the tooltip position shifts, and laps over the boundaries. It’s a problem for us because any part of the tooltip that falls outside the boundary of the #calendar_wrap div is clipped.

Is there a fix?

[Joyce Grace]

Hello Larry, this sounds like a CSS issue. Can you please link to your site for us? It would be next to impossible for us to help without seeing the live site.

Also, can you confirm you are on the latest version of WordPress, using the latest version of our plugins and add-ons?

Does this happen on the default 2011 Theme at its latest version?

[Larry Martin]

Hello Joyce,
The site URL: http://thecowboycalendar.com
WordPress 3.4.1
Theme: Pagelines PlatformPro 1.5.3 & PlatformBase 1.4.1
Plugins:
The Events Calendar 2..0.8
The Events Calendar Pro 2.0.8
The Events Calendar: Community Events 1.0.2
AdRotate 3.7.2
Contact Form 7 3.2
Custom Meta Widget 1.3.5
Google Analyticator 6.2
Ozh’ Admin Drop Down Menu 3.6.3
Really Simple CAPTCHA 1.5
Simple Image Widget 2.1
TinyMCE Advanced 3.4.9
Twitter for WordPress 1.9.7
WordPress Database Backup 2.2.3
WordPress Hit Counter 2.6
WP125 1.4.3
XML Sitemap Feed 3.9.2

To visualize what I mean by “overlapping,” (there’s probably a better word) go to:
http://theawareshow.com/
and mouseover the dates in the Friday column – 6th, 13th, 20th, 27th. The tooltip is fully contained within the calendar box. Now navigate to August, 2012, and mouseover the dates in that month’s Friday column. The tooltips now align differently, lapping over the right bound of the calendar box. Now, if you navigate back to July, 2012, the tooltips behave as they did in August, not as they did when you first opened the page.

We played a bit with the CSS, specifically these lines:

/*===== Sidebar Calendar Widget =====*/
.widget #calendar_wrap {
width:100%;
}
table.tribe-events-calendar-widget {
width:100%;
table-layout:fixed;
margin-top:0;
}

When the calendar-wrap width is reduced, the overlapping and clipping still occur on our site. When the tribe-events-calendar-widget width is reduced, the overlapping occurs but there is no clipping, because now there’s a space to the right of the calendar table into which the tooltip can encroach. But that space is ungainly.

We tried the latest version of the Twenty Eleven theme. The overlapping occurs, but not the clipping.

Does that help?

[Joyce Grace]

Thanks, this is good to know. Can you try disabling all plugins to rule out a conflict?

[Larry Martin]

All plugins disabled, except TEC plugins, of course. Tooltip behavior is unchanged, so probably not a 3rd-party plugin conflict.

[Rob]

Hey Larry. Apologies that this one slipped through the cracks; Joyce has been out the past couple days but I’m happy to take point on this one for you.

If I understand your issue correctly, is it the same one we’ve been helping another user out with at this thread (https://theeventscalendar.com/support/forums/topic/tooltip-cutoff-issue/)? Let me know if not or if the solution Paul provided there doesn’t point you in the right direction. Cheers!

[Larry Martin]

Thanks, folks.
Temporarily cured by changing sidebar and wordpress calendar-wrap overflow settings from hidden to visible in my theme stylesheet.

[Rob]

Nice! Glad to hear you found a workaround here, Larry. If this proves unsuitable in the long-term or if you need anything else from us as you keep working with the plugin…please don’t hesitate to let us know.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts