What Changed
We changed the Visible property's default value from true
to false
.
Reasons for Change
In the majority of scenarios, users do not show the Popup component at startup, but display it later under specific circumstances. In v21.1, we also allow you to show multiple Popup components simultaneously. Their Z-index is updated automatically based on the display order.
Impact on Existing Apps
This change affects applications if you do not specify a property value manually and do not use two-way binding.
Razor<DxPopup HeaderText="Header">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</DxPopup>
How to Update Existing Apps
We recommend you use two-way binding for the Visible
property.
Razor<DxPopup HeaderText="Header"
@bind-Visible="@PopupVisible">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</DxPopup>
@code {
bool PopupVisible { get; set; } = false;
}