Tooltip displaying scroll bars in firefox 5 even when there is no content. The scroll bars don't appear in IE7.

The problem page is trickstar.co.nz/newNCS/cms/edit_calendar.php click on event for tooltip .

Hello Phil,

You need to fit the tooltip to the size of the page displayed inside of it. so play around with the width and height of the tooltip.

Hint: Set margins and paddings of the page that is displayed on the tooltip to 0 : body{margin: 0px;padding: 0px}

I've tried all that. I use a reset style sheet. I've actually tried it witl content deleted(everything) and the scrollbars still appear but they don't in IE7.

I don't suppose the new version fixes the scroll bar problems because the scroll bars are also appearing in ie8 with no content in them.

Hello Phil,

This issue is still under investigation, that is why it was not addressed in the latest update, which is mainly for adding the new jQuery support.

Thanks for getting back to me.

Tool tips showing in firefox11

Quote

Tool tips showing in firefox11

Hi Phil, can you please explain a little more detailed? The Tooltips are actually supposed to appear...

It isn't the tooltips appearing that is the problem it is the ugly scrollbars that appear when displaying an html page. It has nothing to do with excess content because I've tried a page with no content. The only browser it doesn't happen in is IE7 the page is here. It happens in chrome 18 , firefox11 napiercentral.net.nz/calendar.php

Hello Phil,


I just opened your source code ... copied the onclick event and pasted it on this page:
www.dmxzone.com/demo/php/teodor/phil/index.php#

I load an event with a random chosen id=77. All i changed was the height -i set this to 280px.

Hi Teodor
I saw that yours works and I copied your onto my computer and it works . I put your code on the calendar.php under the ajax event calendar and it doesn't work. I thought it might be something to do with calendar but when your basic version didn't work .....

It must be something on the page causing a conflict. I have the same problem on another website but it doesn't have a calendar.

Hello Phil

Found this question when I was trying to remove the scrollbars when using chrome.

It would appear that the tool-tip is hard-coded with "overflow:auto;" from the dmxtooltips.js script file, so I just removed it and the problem went away.

You can add the feature back again using CSS with:-
.dmxtooltip .dmxtooltipcontent{overflow: auto;}

Now all I have to figure out is why the tooltip won't line up correctly in IE9 (works in IE8), Firefox 11 and Opera (works fine in Chrome & Safari).

Hi Neil and Teodor
I found what is actually causing the problem I use the doctype for html 5 <! DOCTYPE html> in my work. When I remove it the problem goes away but I need to use it. So I applied Neil's solution (thanks Neil) and it works in Chrome,Firefox, it wasn't a problem in IE7 i haven't checked IE8, 9 or Safari.

This reply was removed on 4/12/2012 11:14:44 PM.
See the changelog

Actually I just removed Neil's solution because when I refreshed chrome and firefox they were still displaying the unnecessary scrollbars. Take a look www.napiercentral.net.nz/calendar.php. Ignore the large picture of the easter egg, we're having an easter egg hunt.

To clarify I removed Neil's .dmxtooltip .dmxtooltipcontent{overflow: auto;} from css, took out overflow:auto out of dmxtooltips.js and kept <! DOCTYPE html>

It also worked if I just removed <! DOCTYPE html>

Glad the tip worked, Phil. Good to know about the <! DOCTYPE html> causes the problem, especially as I'm using that more now.

Just started using this extension - June 2013 - and the problem is still here - three years after it was first reported.

Hi Rick
What browser are you using . I haven't rechecked my solution in newer browsers, since I originally solved my problem, except for just now and I looked in firefox and it is working here no scrollbars.

Not working when included themes are used.