Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext User
    Join Date
    Sep 2010
    Posts
    1
    Vote Rating
    0
    Yohei Hina is on a distinguished road

      0  

    Default [OPEN-1289] Very horizontally long window with buttons

    [OPEN-1289] Very horizontally long window with buttons


    Ext version tested:
    • Ext 3.2.1
    Adapter used:
    • jquery
    css used:
    • only default ext-all.css
    Browser versions tested against:
    • IE6
    • IE7
    • IE8
    • FF3.6.10 (firebug 1.5.4 installed)
    • Safari 5.0.1
    • Chrome 6.0.472.63
    Operating System:
    • WinXP Pro
    Description:
    • In Webkit browsers, Sometimes very horizontally long (> 10000px) window with buttons is shown.
    Test Case:
    Code:
    <?xml version="1.0" encoding="utf-8" ?>
    <!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>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    	<title>Window Test</title>
    	<link rel="stylesheet" type="text/css" href="lib/ext.js/resources/css/ext-all.css"/>	
    	<script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script>
    	<script type="text/javascript" src="lib/ext.js/adapter/jquery/ext-jquery-adapter-debug.js"></script>
    	<script type="text/javascript" src="lib/ext.js/ext-all-debug-w-comments.js"></script>	
    	<script type="text/javascript">
    Ext.onReady(function() {
    	new Ext.Window({
    		modal: true,
    		title: 'test',
    		buttons: ['OK', 'Cancel'],
    		html: 'Test'
    	}).show();
    });
    	</script>
    <body>
    </body>
    </html>
    Steps to reproduce the problem:
    • Using Chrome or Safari, Execute above html.
    The result that was expected:
    • Test window displayed.
    The result that occurs instead:
    • Long long long long window will be shown.


    Possible fix:
    Below css code insert.
    Code:
    <style type="text/css">
    .x-window .x-toolbar-left {
        width: auto;
    }
    </style>
    or remove .x-toolbar-left{width:100%;} from ext-all.css(line 1863-1865)

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Thank you for the report.

Similar Threads

  1. lining up buttons horizontally or in a table
    By DaveC426913 in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 17 Jan 2011, 7:22 AM
  2. [OPEN-1001] Memory leak on buttons inside a window
    By VT-TizianoF in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 14 Oct 2010, 11:37 PM
  3. Ext Window taking long time to open
    By sidd in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 17 Sep 2009, 9:30 PM
  4. Replies: 4
    Last Post: 3 Aug 2008, 1:09 AM

Thread Participants: 1