Completed
Last Updated:
02 Jun 2022 11:54
by ADMIN
Release 3.4.0
Nikolay
Created on:
08 Jun 2021 15:45
Category:
Window
Type:
Bug Report
Modal Window moves away from the cursor on drag start when there is a vertical page scrollbar and the scroll position is not top
When you open the Modal Window, try to drag it through a page that has a vertical scrollbar. The Modal Window is moving away from the cursor. This can be seen in our Modal Window demo too. If there is no vertical scrollbar on the page, the Modal Window dragging is working properly.
<div style="height:400px;"></div>
<TelerikButton Icon="window" OnClick=@(()=> WindowVisible = true)>Open Modal</TelerikButton>
<div style="height:400px;"></div>
<TelerikWindow Class="demo-window" Width="500px" Height="300px" Centered="true" @bind-Visible=@WindowVisible Modal="true">
<WindowTitle>
<strong>Modal Window</strong>
</WindowTitle>
<WindowActions>
<WindowAction Name="Close" />
</WindowActions>
<WindowContent>
<p>Click the close button to dismiss this modal dialog.</p>
</WindowContent>
</TelerikWindow>
@code { public bool WindowVisible { get; set; } }
<style type="text/css">
.demo-window {
z-index: 44444;
}
</style>Reproduction steps:
- Open the Modal Window
- Try to drag it across the page
- Try to scroll when you have the Window opened
Reproduction happens in the demo too here: https://demos.telerik.com/blazor-ui/window/modal
4 comments
ADMIN
Dimo
Posted on:
08 Feb 2022 13:07
Bernd
Posted on:
02 Feb 2022 17:37
Bernd
Posted on:
02 Feb 2022 17:35
ADMIN
Dimo
Posted on:
20 Dec 2021 08:49