jQuery Grid Plugin - jqGrid - Topic: Firefox: tooltip on table cells not displayed until mouse out

ppr on Firefox: tooltip on table cells not displayed until mouse out

Thu, 02 Dec 2010 23:03:19 +0200

Hi all,
Yes I have the same problem in the Firefox browser.
Fortunately, you can bypass it by replacing the cell columns tooltip manager by another.
In my case, i usually use jquery.qtip extension. ( http://craigsworks.com/projects/qtip )
Here is an example:
Use the "LoadComplete" handle event to replace the tooltip cell management.
To see an example, take the "JSON Data" sample in "Loading data" section of jqgrid demo.
In the jsonex.js source, insert after line 14 this code:

        loadComplete : function() {
           $("#list2 tr > td").each(function(){
               if ($.trim($(this).attr("title"))!='') {
                   $(this).qtip({
                           content:{text:false},
                           position : {
                               corner: {
                                   target:'topRight',
                                   tooltip:'bottomLeft'}
                           },
                           style: {
                              padding: 5,
                              background: '#FFFFE0',
                              textAlign: 'center',
                              border: {
                               width: 7,
                               radius: 5
                              },
                              tip: 'bottomLeft',
                              name: 'blue' // Inherit the rest of the attributes from the preset dark style
                           }
                   });
           }
           });

Download the qtip extension from the official site and install it on your server side.
in the jqgrid.html, in the header javascript section , declare the call for this extension.

Now you should see the cell column tooltip without bug with Firefox.

Hope this will help.

Best regards

Phil

codex on Firefox: tooltip on table cells not displayed until mouse out

Wed, 24 Nov 2010 00:30:30 +0200

Can anyone suggest any fixes or workarounds for this?

mattm on Firefox: tooltip on table cells not displayed until mouse out

Fri, 27 Aug 2010 00:44:20 +0300

Hi JS - I am noticing this exact behavior as well... with jQgrid 3.5.3 on firefox 3.6.8. It seems to be a new problem maybe from a browser update because my grid code hasnt changed for a few months.

JS on Firefox: tooltip on table cells not displayed until mouse out

Thu, 12 Aug 2010 18:42:30 +0300

I am using jqGrid 3.7.1 for my web app. I noticed some strange tooltip behavior using Firefox 3.6.3. I don't reliably get tooltips after I mouse over one cell, and moving to the next cell.

Here is how you create the behavior. I mouse over a cell which also highlight the entire row, tooltip is displayed. I then move mouse down to the cell below the previous cell, only the row is highlighted, but no tooltip.

After some more testing, I realize I have to mouse out of the entire grid, then mouse over the cell in order for tooltip to be displayed. Can someone tell me if this is a Firefox behavior? And more important, can this be remedied somehow. Is there anything I can do to add a mouse-out event?

BTW, the tooltips work perfectly in IE 6, and 8.