Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxFlyout.StopOutsideClickPropagation Property

Specifies whether the control halts an outer click propagation.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

Razor
<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.

See Also