1. #11
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,545
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    By reading your mind?

  2. #12
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,664
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default


    when i look to your screenshots it looks like a conflicting css rule of your custom css. Just try to deactivate it.
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  3. #13
    Ext JS Premium Member
    Join Date
    Aug 2010
    Location
    The Netherlands
    Posts
    93
    Vote Rating
    0
    rkaat is on a distinguished road

      0  

    Default


    Disabling my custom css doesn't change a thing.

  4. #14
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,545
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    What version of Ext is this?

  5. #15
    Ext JS Premium Member
    Join Date
    Aug 2010
    Location
    The Netherlands
    Posts
    93
    Vote Rating
    0
    rkaat is on a distinguished road

      0  

    Default


    I am using 3.3 Final release. Also tried 3.2.1 but it looks the same in IE.

  6. #16
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,545
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    I do not get that effect. I don't know what could be wrong.


  7. #17
    Ext JS Premium Member
    Join Date
    Aug 2010
    Location
    The Netherlands
    Posts
    93
    Vote Rating
    0
    rkaat is on a distinguished road

      0  

    Default


    Problem seems to be with my OS.
    - I normally use Windows XP with Service Pack 3, and then it all looks kinda sloppy.
    - I just ran my application on my laptop which has Windows 7 Home Premium and I got no problems.

    I used IE8 on both the systems, but can my OS be the cause of this ?

  8. #18
    Ext JS Premium Member
    Join Date
    Aug 2010
    Location
    The Netherlands
    Posts
    93
    Vote Rating
    0
    rkaat is on a distinguished road

      0  

    Default


    Anyway, I did some debugging and noticed some strange behaviour. I stripped out all the overrides, unnecesarry code etc.
    The beforeshow event is executed twice, this is my code:

    Code:
    Ext.onReady(function(){    
        Ext.QuickTips.init();
        
        var grid = new Ext.grid.GridPanel({
            renderTo    : Ext.getBody(),
            listeners   : {render : showToolTip},
            // Rest of config...
        });
    });
    
    function showToolTip(grid){
        grid.tip = new Ext.ToolTip({
            target      : grid.getView().mainBody,
            delegate    : '.x-grid3-row',
            renderTo    : document.body,
            autoHide    : false,
            anchor      : 'left', // Comment out this line to fire the event only once
            maxWidth    : 500,
            listeners   : {
                beforeshow    : function(tip){ // Set breakpoint here
                    tip.body.update('Over row ## ??');
               }
            }
        });
    }
    When I hover over a row with my mouse, it comes twice at my breakpoint. In this case you wouldn't notice much of it. Commenting out the line where I set the anchor does solve this. I this logical ??

  9. #19
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,545
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    It does get shown twice because of the anchor positioning. It shows it, then does some calculations and calls showAt again.

    Code:
        show : function(){
            if(this.anchor){
                // pre-show it off screen so that the el will have dimensions
                // for positioning calcs when getting xy next
                this.showAt([-1000,-1000]);
                this.origConstrainPosition = this.constrainPosition;
                this.constrainPosition = false;
                this.anchor = this.origAnchor;
            }
            this.showAt(this.getTargetXY());
    
            if(this.anchor){
                this.anchorEl.show();
                this.syncAnchor();
                this.constrainPosition = this.origConstrainPosition;
            }else{
                this.anchorEl.hide();
            }
        },
    I think this is a bug really. The "pre show" should not call the real show method, but just show the element and position it at [-1000, -1000]

  10. #20
    Sencha User
    Join Date
    Dec 2012
    Posts
    1
    Vote Rating
    0
    OrangeDog is on a distinguished road

      0  

    Default


    After some investigation (having the same issue myself) the original problem appears to be because IE was using Quirks Mode.

    Tooltips should render properly if the document starts with "<!DOCTYPE html>", forcing Strict Mode.

    You may also need to disable Compatibility Mode, which is achived by adding an HTTP header (or http-equiv meta tag) "X-UA-Compatible: IE=edge". Doing this also overrides any doctype-based choice of render mode.

Similar Threads

  1. ToolTip problem
    By mcadirci in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 13 Sep 2010, 12:15 AM
  2. [FIXED-571] row editor grid - tooltip rendering
    By fugo in forum Ext 3.x: Bugs
    Replies: 12
    Last Post: 15 Feb 2010, 3:08 AM
  3. Hi tooltip problem
    By sseema in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 3 Dec 2008, 5:55 AM
  4. ToolTip Problem
    By Trollo in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 26 Aug 2008, 5:50 AM

Thread Participants: 4

Tags for this Thread