Approved
Last Updated: 15 Feb 2017 15:32 by ADMIN
ADMIN
Vessy
Created on: 15 Feb 2017 15:32
Category: Dock
Type: Bug Report
0
The width of a dock is increased a bit each time it is dropped with enabled animation
The size of a dock is increased a bit each time it is dropped and the  EnableAnimation="True".

Video: https://www.screencast.com/t/LoUJbAb8c

Workaround:
Set EnableAnimation="False"

Steps to reproduce:
1. Run the following code.
2. Swipe the first and second dock several times (Test 1 and Test 2)

                <telerik:RadDockZone ID="Zone1" runat="server" Height="500px" Orientation="Horizontal" Width="400px">
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock1" Title="RadDock A" DefaultCommands="None" DockMode="Docked"
                        EnableAnimation="True" EnableRoundedCorners="True" Skin="Silk">
                        <ContentTemplate>
                            <div style="background-color: blue; width: 110px; color: white">
                                Test 1
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock2" Title="RadDock B"
                        DefaultCommands="None" DockMode="Docked" EnableAnimation="True" EnableRoundedCorners="True" Skin="Web20">
                        <ContentTemplate>
                            <div style="background-color: red; width: 110px; color: white">
                                Test 2
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock3"
                        Title="RadDock C" DefaultCommands="None" DockMode="Docked" EnableAnimation="True" EnableRoundedCorners="True" Skin="Web20">
                        <ContentTemplate>
                            <div style="background-color: green; width: 110px; color: white">
                                Original
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>


Result: The width of the first two docks is different than the one which has not been dragged (Original)

Expected: The width of all docks remains the same.
0 comments