A floated panel has two headers

[JSassy]

Hello!

I'm not sure if it's a bug, if it's a feature or if I am doing something wrong:

I have a collapsible panel in the north-region of the viewport.
The panel has got a header with some tools.

When the panel got collapsed and floated afterwards, a second panel becomes apparent. I think that this looks very curious.
Furthermore, when the panel gets collapsed again the tools are not shown on the panels header any longer.

I created a fiddle to comprehend what I mean:
http://jsfiddle.net/mAgfU/172/

Is it possible that only ONE header is shown while the panel is floating?

Thank you very much!

[vietits]

I have tried your code at jsFiddle with Chrome 22, FF 12 and IE 9 and all work fine. There is no problem.

[James Goddard]

This is an ExtJS bug and I would report it in the bug forum.

Vietits

Run the fiddle. Note that there are 2 icons: collapse refresh
Collaps the panel. Note that there is 1 icon: collapse
Now, instead of clicking on the expand icon, click to the left where the collapse icon was before the collapse
Voilla

It behaves even worse if the panel is north but you have to go into the web inspector to get rid of the jsfiddle "result" button which prevents clicking the icons.

[JSassy]

Thanks for your replies.

In the beginning I had the collapsible panel in the north-region, but because of the fiddle-bug I put it into the south.

If you float the panel from the north, there will be two headers below each other with same title, but the refresh button is on the second header, the collapse button remains on the first header.

I think that there appears a second header is a bug, isn't it?

Any idea how to prevent that the second header?