Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 09 Aug 2024 09:55 by Rahul
Eric
Created on: 26 Jan 2023 01:46
Category: Window
Type: Bug Report
0
Stacking Z-Index functionality is not working

The described functionality listed on https://demos.telerik.com/blazor-ui/window/stacking-windows

"The Telerik Window component for Blazor provides stacking z-index functionality that brings to front the component any time it receives focus."

doesn't appear to be working in the demo. When the one window receives focus the z-index does not change.  This appears to not work correctly in the demo either. 

4 comments
Rahul
Posted on: 09 Aug 2024 09:55

Hi Dimo,

Thank you for explaining the different scenarios and suggesting workarounds. I also appreciate you logging the public bug on my behalf.

ADMIN
Dimo
Posted on: 09 Aug 2024 08:16

Hi Rahul,

I observe the following behavior on our online demo:

  1. The "Personal Information" Window is initially visible.
  2. I click on "Show Address Form".
  3. The "Address Information" Window appears over the "Personal Information" Window. This is the correct behavior.
  4. I click on "Show Personal Information". The "Personal Information" Window doesn't appear on top, because the button only sets its Visible property, which is already true. In other words, there is no change in the app state, so there is no change in the UI. This is expected. It is possible to work around this situation with a trick - call the internal Window method, which focuses the component and brings it to front. Note that this approach is not officially supported or documented. Another option is to hide the Window before showing it, and insert an await Task.Delay(1) between hiding and showing it.
  5. I move the "Address Information" Window (which is on top) to the side.
  6. I click on the titlebar of the "Personal Information". Window The Window seems to disappear, but what happens is that its position moves unexpectedly. The component is at the bottom of the page. This is a bug, and I logged it separately on your behalf. There is also a workaround. The issue may also be related to this one about centering the Window.

Let me know if you are talking about a different scenario. In this case, please provide detailed steps to reproduce.

Regards,
Dimo
Progress Telerik

Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024

Rahul
Posted on: 05 Aug 2024 09:12

Hi Eric,

I'm facing similar issue in our live application. Still I'm seeing Demo page having same issue: https://demos.telerik.com/blazor-ui/window/stacking-windows.

In nested dialog box, we have treeview - during data binding modal window appearing behind the parent window and then once data loaded to treeview it's appearing in front.

 

Also, I reviewed sample code posted by Radko https://blazorrepl.telerik.com/QROvcUui47Ffzscp56 seems working fine. But in the real scinario it having issue as mentioned above.

Anyone please suggest work round on it. I'm using UI for Blazor version: 6.0.2

 

 

ADMIN
Radko
Posted on: 26 Jan 2023 08:55

Hi Eric,

I can confirm that the functionality is working as expected, and the z-index style is correctly incremented each time a Window gains focus. However, there is indeed an issue, but it is due to the demo example itself. To be more specific, the z-index of each Window is overridden by a `.demo-window` selector. Now that you have brought this to our attention, we will update the demo, so the custom styling of the demo does not interfere with the demonstrated functionality - thank you for bringing it up.

I have also prepared an example, where the above-mentioned selector is removed, and the functionality can be tested: https://blazorrepl.telerik.com/QROvcUui47Ffzscp56

Regards, Radko Stanev Progress Telerik

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!
Create an account Log In
View
Type
Status
Category