Planned
Last Updated: 08 Feb 2022 13:07 by ADMIN
Nikolay
Created on: 08 Jun 2021 15:45
Category: Window
Type: Bug Report
13
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:

  1. Open the Modal Window
  2. Try to drag it across the page
  3. 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

Hello Bernd,

The issue is now in our backlog, which means that it should be fixed within the next several months, but there is no fixed time frame yet. As soon as there is, you will see the planned release number as a label on this page.

On a side note, the REPL links should work. Can you please verify and let me know if you still cannot access them?

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Bernd
Posted on: 02 Feb 2022 17:37

btw the given links to workarounds are not working ...

 

Regards

Bernd

Bernd
Posted on: 02 Feb 2022 17:35

Hi

I have the same problem, when can we expect a fix?

 

Regards

Bernd

ADMIN
Dimo
Posted on: 20 Dec 2021 08:49

Hi all,

I made some experiments and can offer two workarounds while we fix the issue:

Regards,
Dimo
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!