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 @@ - + 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 ///