PDA

View Full Version : [FIXED] [4.2.0 GA] minHeight causes layout broken on collapse



Daniil
7 Apr 2013, 10:52 PM
REQUIRED INFORMATION

Ext version tested:

Ext 4.2.0 GA

Browser versions tested against:

IE9
Chrome

DOCTYPE tested against:

<!DOCTYPE html>

Description:

Some kind of layouts with minHeight are broken on collapse, i.e. a Panel's header gets collapsed as well.

Steps to reproduce the problem:

Collapse the first three panels

The result that was expected:

A normal header and a possibility to expand

The result that occurs instead:

Header is collapsed, no expand tool

Test Case:


<!DOCTYPE html>
<html>
<head>
<title>minHeight causes layout broken on collapse</title>

<link rel="stylesheet" href="../resources/css/ext-all.css" />

<script src="../ext-all-debug.js"></script>

<script>
Ext.onReady(function () {
Ext.create("Ext.container.Container", {
renderTo: Ext.getBody(),
width: 200,
height: 100,
layout: "anchor",
items: [{
minHeight: 70,
collapsible: true,
title: "FAIL"
}]
});

Ext.create("Ext.container.Container", {
renderTo: Ext.getBody(),
width: 200,
height: 100,
layout: "column",
items: [{
minHeight: 70,
collapsible: true,
columnWidth: 1,
title: "FAIL"
}]
});

Ext.create("Ext.form.FieldSet", {
renderTo: Ext.getBody(),
width: 200,
height: 100,
items: [{
minHeight: 70,
collapsible: true,
title: "FAIL"
}]
});

Ext.create("Ext.container.Container", {
renderTo: Ext.getBody(),
width: 200,
height: 100,
items: [{
minHeight: 70,
collapsible: true,
title: "OK"
}]
});
});
</script>
</head>
<body>

</body>
</html>

slemmon
8 Apr 2013, 7:51 AM
Thanks for the report! I have opened a bug in our bug tracker.