DxFlyout.StopOutsideClickPropagation Property

Specifies whether the control halts an outer click propagation.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool StopOutsideClickPropagation { get; set; }

Property Value

Type	Default	Description
Boolean	true	true to stop outer click propagation; otherwise, false.

Remarks

When a user clicks outside a flyout window, the control closes the window and prevents further propagation of the click event. Set the StopOutsideClickPropagation property to false to processes subsequent events (for instance, a button click) after the window is closed.

<DxButton Id="show-flyout" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen="@IsOpen" 
          Width="210"
          BodyText="Lorem ipsum dolor sit amet"
          PositionTarget="#show-flyout"
          StopOutsideClickPropagation="false">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}

If the CloseOnOutsideClick property is set to false, the StopOutsideClickPropagation property has no effect.