danilofes
19 May 2010, 7:10 AM
Ext version tested:
Ext 3.2.0 rev
Adapter used:
ext
css used:
only default ext-all.css
Browser versions tested against:
Google Chrome 4.1.249.1064
Operating System:
WinXP Pro
Description:
I have a panel that is initially hidden inside a window using anchor layout. After showing the window, calling show() on the hidden panel has no effect on Chrome. The hidden panel is shown correctly on other browsers.
Test Case:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Hidden panel problem on Chrome
</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"
/>
<script type="text/javascript" src="../adapter/ext/ext-base-debug.js">
</script>
<script type="text/javascript" src="../ext-all-debug.js">
</script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = "../resources/images/default/s.gif";
var w = new Ext.Window({
height: 150,
width: 300,
layout: 'anchor',
items: [{
ref: 'p',
title: 'Hidden Panel',
autoHeight: true,
layout: 'form',
hidden: true,
defaults: {
anchor: '100%'
},
items: {
xtype: 'textfield',
fieldLabel: 'An item'
}}]
});
w.show();
// Show the hidden panel after the window is rendered.
w.p.show();
});
</script>
</head>
<body>
</body>
</html>
Steps to reproduce the problem:
Paste the code above in examples folder and run it on Google Chrome.
The result that was expected:
The hidden panel should be displayed correctly after the call to show().
The result that occurs instead:
Nothing appears inside the window.
Debugging already done:
Before the call to show(), the panel element has a "display:none" in the style attribute, besides the css class "x-hide-display".
On Firefox there is only the css class, so the problem may be the code that add the "display:none".
Ext 3.2.0 rev
Adapter used:
ext
css used:
only default ext-all.css
Browser versions tested against:
Google Chrome 4.1.249.1064
Operating System:
WinXP Pro
Description:
I have a panel that is initially hidden inside a window using anchor layout. After showing the window, calling show() on the hidden panel has no effect on Chrome. The hidden panel is shown correctly on other browsers.
Test Case:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Hidden panel problem on Chrome
</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"
/>
<script type="text/javascript" src="../adapter/ext/ext-base-debug.js">
</script>
<script type="text/javascript" src="../ext-all-debug.js">
</script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = "../resources/images/default/s.gif";
var w = new Ext.Window({
height: 150,
width: 300,
layout: 'anchor',
items: [{
ref: 'p',
title: 'Hidden Panel',
autoHeight: true,
layout: 'form',
hidden: true,
defaults: {
anchor: '100%'
},
items: {
xtype: 'textfield',
fieldLabel: 'An item'
}}]
});
w.show();
// Show the hidden panel after the window is rendered.
w.p.show();
});
</script>
</head>
<body>
</body>
</html>
Steps to reproduce the problem:
Paste the code above in examples folder and run it on Google Chrome.
The result that was expected:
The hidden panel should be displayed correctly after the call to show().
The result that occurs instead:
Nothing appears inside the window.
Debugging already done:
Before the call to show(), the panel element has a "display:none" in the style attribute, besides the css class "x-hide-display".
On Firefox there is only the css class, so the problem may be the code that add the "display:none".