diff --git a/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ComboBox/Examples/ComboBoxExample7.razor b/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ComboBox/Examples/ComboBoxExample7.razor
index 217e37a7..82c898c2 100644
--- a/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ComboBox/Examples/ComboBoxExample7.razor
+++ b/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ComboBox/Examples/ComboBoxExample7.razor
@@ -2,7 +2,7 @@
-
Foo
Bar
@@ -14,7 +14,7 @@
}
-
Foo
@@ -41,20 +41,22 @@
+
@code {
- string? _value;
- string? _text;
- IEnumerable? _selectedValues;
- Color _color = Color.Primary;
- bool _multiselection;
- bool _clearable;
- bool _strict;
- bool _customHighlightClass;
- bool _enableFilter = true;
+ private string? _value;
+ private string? _text;
+ private IEnumerable? _selectedValues;
+ private Color _color = Color.Primary;
+ private bool _multiselection;
+ private bool _clearable;
+ private bool _strict;
+ private bool _customHighlightClass;
+ private bool _enableFilter = true;
+ private bool _modal = true;
private string[] states =
{
diff --git a/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SelectExtended/Examples/SelectExtendedExample1.razor b/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SelectExtended/Examples/SelectExtendedExample1.razor
index 8fd09237..c2707c04 100644
--- a/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SelectExtended/Examples/SelectExtendedExample1.razor
+++ b/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SelectExtended/Examples/SelectExtendedExample1.razor
@@ -3,20 +3,21 @@
-
+
-
-
+
+
+
@@ -24,6 +25,7 @@
@code {
private bool _disabled = false;
+ private bool _modal = true;
private string[] _collection = new string[] { "Foo", "Bar", "Fizz", "Buzz" };
private string? _nullItemText = "None";
}
\ No newline at end of file
diff --git a/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor b/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor
index 933ea1fa..8d1c436a 100644
--- a/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor
+++ b/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor
@@ -174,4 +174,4 @@
-
+
diff --git a/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor.cs b/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor.cs
index ad04a6f5..a3cdaaeb 100644
--- a/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor.cs
+++ b/src/CodeBeam.MudBlazor.Extensions/Components/ComboBox/MudComboBox.razor.cs
@@ -15,6 +15,9 @@ public partial class MudComboBox : MudBaseInputExtended
{
#region Constructor, Injected Services, Parameters, Fields
+ [Inject]
+ private IPopoverService PopoverService { get; set; } = null!;
+
///
/// Constructor for ComboBox
///
@@ -325,6 +328,19 @@ protected internal void SetSearchString(T value)
[Category(CategoryTypes.FormComponent.ListBehavior)]
public bool SelectAll { get; set; }
+ ///
+ /// If true prevent background interaction when open. Default is true.
+ ///
+ [Parameter]
+ [Category(CategoryTypes.List.Selecting)]
+ public bool? Modal { get; set; } = true;
+
+ ///
+ ///
+ ///
+ ///
+ protected bool GetModal() => Modal ?? PopoverService.PopoverOptions.ModalOverlay;
+
///
/// Sets position of the Select All checkbox
///
diff --git a/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor b/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor
index 2bb5a0a1..70e747ad 100644
--- a/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor
+++ b/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor
@@ -182,4 +182,4 @@
- CloseMenu())" LockScroll="@LockScroll" />
+ CloseMenu())" Modal="@GetModal()" AutoClose="@(!GetModal())" OnClosed="@(() => CloseMenu())" LockScroll="@LockScroll" />
diff --git a/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor.cs b/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor.cs
index 7fca92c0..f9b6041a 100644
--- a/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor.cs
+++ b/src/CodeBeam.MudBlazor.Extensions/Components/SelectExtended/MudSelectExtended.razor.cs
@@ -25,7 +25,11 @@ public MudSelectExtended()
IconSize = Size.Medium;
}
- [Inject] private IKeyInterceptorService KeyInterceptorService { get; set; } = null!;
+ [Inject]
+ private IKeyInterceptorService KeyInterceptorService { get; set; } = null!;
+
+ [Inject]
+ private IPopoverService PopoverService { get; set; } = null!;
private MudListExtended? _list;
private bool _dense;
@@ -178,6 +182,19 @@ public MudSelectExtended()
[Category(CategoryTypes.List.Selecting)]
public bool NoWrap { get; set; }
+ ///
+ /// If true prevent background interaction when open. Default is true.
+ ///
+ [Parameter]
+ [Category(CategoryTypes.List.Selecting)]
+ public bool? Modal { get; set; } = true;
+
+ ///
+ ///
+ ///
+ ///
+ protected bool GetModal() => Modal ?? PopoverService.PopoverOptions.ModalOverlay;
+
///
/// User class names for the popover, separated by space
///