May 15, 2017, 4:27 PM
[OPEN] [#1479] [4.2.0] BorderLayout Floating Region hides when an element hovers between the panel and the mouse pointer
Hello, we're experiencing the issue described below.
Problem
The problem occurs on all side regions of a border layout when the Floatable attribute is true.
If a side region panel is displayed as floating element (clicking on its title) and any other item (tooltip, cascading menu, etc.) place itself between
the floating region and the mouse pointer, It causes the floating panel to hide.
In-depth Explanation and Example
This example is based on one of your examples (https://examples4.ext.net/#/Layout/B..._Region_Image/) on border layouts and regions, with the only difference being the Floatable attribute of the west region set to “trueâ€.
To reproduce theissue, just click on the west region title to make the navigation panel appear as a floating panel.
While the cursor hovers the panel or any item of the panel, the navigation panel stays visible.
But as soon as the mouse pointer hovers the items of the combobox cascading menu, the navigation panel starts hiding.
Same goes for any item, even in the central region, that creates elements (like tooltips, etc.) that stand between the mouse pointer and the panel surface.
In the following example the menu floating panel is displayed and while hovering it, a tooltip generated from a chart placed in the center region (partially
covered by the floating menu) place itself between the floating menu and the pointer, causing the menu to disappear.
Here you go with the code:
Cheers,
Adriano
Problem
The problem occurs on all side regions of a border layout when the Floatable attribute is true.
If a side region panel is displayed as floating element (clicking on its title) and any other item (tooltip, cascading menu, etc.) place itself between
the floating region and the mouse pointer, It causes the floating panel to hide.
In-depth Explanation and Example
This example is based on one of your examples (https://examples4.ext.net/#/Layout/B..._Region_Image/) on border layouts and regions, with the only difference being the Floatable attribute of the west region set to “trueâ€.
To reproduce theissue, just click on the west region title to make the navigation panel appear as a floating panel.
While the cursor hovers the panel or any item of the panel, the navigation panel stays visible.
But as soon as the mouse pointer hovers the items of the combobox cascading menu, the navigation panel starts hiding.
Same goes for any item, even in the central region, that creates elements (like tooltips, etc.) that stand between the mouse pointer and the panel surface.
In the following example the menu floating panel is displayed and while hovering it, a tooltip generated from a chart placed in the center region (partially
covered by the floating menu) place itself between the floating menu and the pointer, causing the menu to disappear.
Here you go with the code:
<ext:Window
runat="server"
Title="Floatable Region Test"
Icon="Application"
Width="600"
Height="350"
Border="false"
Closable="false"
X="100"
Y="100"
Plain="true"
Layout="BorderLayout">
<Items>
<ext:Panel
ID="WestPanel"
runat="server"
Region="West"
Collapsible="true"
MinWidth="175"
Split="true"
Width="175"
Title="Navigation"
TitleCollapse="false"
Floatable="true"
Collapsed="true"
BodyPadding="5">
<Items>
<ext:ComboBox runat="server" ID="cmbTest" QueryMode="Local">
<Items>
<ext:ListItem Text="Test 1" Value="1" />
<ext:ListItem Text="Test 2" Value="2" />
<ext:ListItem Text="Test 3" Value="3" />
<ext:ListItem Text="Test 4" Value="4" />
<ext:ListItem Text="Test 5" Value="5" />
</Items>
</ext:ComboBox>
</Items>
</ext:Panel>
<ext:Panel runat="server" Region="Center" Title="Center region" />
</Items>
</ext:Window>
Thank you for a feedback on the same,Cheers,
Adriano