Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default [CLOSED] [3.0rc1] IE8 Disabled Button "Jumps" on mouse Enter/Leave

    [CLOSED] [3.0rc1] IE8 Disabled Button "Jumps" on mouse Enter/Leave


    I have windows with the buttons config populated with a few buttons, one of which is disabled. When I hover over one of the non-disabled buttons, the disabled one shifts down and right. The same happens when I move back off the button. Very strange.

    This was fine before I upgraded from Ext JS 2.2.1 to 3rc1.

  2. #2
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    Okay, I've come up with a reduced test case. In the following example, fire up IE8 and move over and then off the "Reset" button a few times. Watch the "Login" button.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Untitled Page</title>
        <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    	<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    	<script type="text/javascript" src="ext/ext-all-debug.js"></script>
    	<script type="text/javascript">
    		var LoginWindow = Ext.extend(Ext.Window, {
    
    			initComponent: function() {
    				var formConfig = {
    					xtype: 'form',
    					items: [{ xtype: 'textfield', fieldLabel: 'Username' }]
    				};
    
    				var config = {
    					items: formConfig,
    					buttons: [{ text: 'Reset' }, { text: 'Login', disabled:true }]
    				};
    
    				Ext.apply(this, Ext.apply(this.initialConfig, config));
    				 
    				LoginWindow.superclass.initComponent.apply(this, arguments);
    			}
    		});
    
    		Ext.onReady(function() {
    			new LoginWindow().show();
    		});	
    	</script>
    </head>
    <body>
    	
    </body>
    </html>

  3. #3
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    Just realised I'm not on rc1.1. Testing against that now.

  4. #4
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    Yes, still seems to be present on rc1.1. I'd really appreciate it if someone else could at least verify this bug as it's making my head hurt.

  5. #5
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    I can actually see this bug on the demo at http://extjs.com/deploy/ext-3.0-rc1....dow/hello.html

    This is on Windows 7 Beta, by the way, IE8 build 8.0.7000.0. I guess that could be the issue.

  6. #6
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,365
    Vote Rating
    128
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Could you also try your sample without a doctype?
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  7. #7
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    If I remove the doctype completely then the window ends up stretched across the width of the page and the buttons don't render.

  8. #8
    Touch Premium Member
    Join Date
    Mar 2007
    Posts
    59
    Vote Rating
    0
    Ramsay is on a distinguished road

      0  

    Default


    Just tried this on a PC running the Windows 7 RC1 and it seems to work now. Hurray!

  9. #9
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,365
    Vote Rating
    128
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Glad to hear; Give your Ext.Window a width and a height and you should be good to go.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  10. #10
    Sencha - Community Support Team VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
    VinylFox will become famous soon enough VinylFox will become famous soon enough

      0  

    Default


    This problem only surfaces when IE8 has "Compatibility View" turned on.

    Removing the strict doctype fixes the problem.

    Should the strict doctype be removed from the examples? I thought the standard was no doctype, however I see most of the examples have it set.