Fixed disabled SplitButton tabindex not correct

Fix #1788
radzenhq · Nov 14, 2024 · cbb292b · cbb292b
1 parent 22b5fc2
commit cbb292b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/Radzen.Blazor/RadzenSplitButton.razor b/Radzen.Blazor/RadzenSplitButton.razor
@@ -4,7 +4,7 @@
 @if (Visible)
 {
     <div @ref="@Element" style="@Style" @attributes="Attributes" class="@GetCssClass()" id="@GetId()"
-         tabindex="0" @onkeydown="@OnKeyPress" @onkeydown:preventDefault=preventKeyPress @onkeydown:stopPropagation>
+         tabindex="@(Disabled ? -1 : TabIndex)" @onkeydown="@OnKeyPress" @onkeydown:preventDefault=preventKeyPress @onkeydown:stopPropagation>
         <button aria-label="@(ButtonAriaLabel ?? Text)" tabindex="-1" disabled="@IsDisabled" class="@getButtonCss()" type="button" @onclick="@OnClick">
             <span class="rz-button-box">
             @if (ButtonContent != null)

diff --git a/Radzen.Blazor/RadzenSplitButton.razor.cs b/Radzen.Blazor/RadzenSplitButton.razor.cs
@@ -145,6 +145,13 @@ private string getButtonSize()
         [Parameter]
         public string DropDownIcon { get; set; } = "arrow_drop_down";
 
+        /// <summary>
+        /// Gets or sets the index of the tab.
+        /// </summary>
+        /// <value>The index of the tab.</value>
+        [Parameter]
+        public int TabIndex { get; set; } = 0;
+
         /// <summary>
         /// Gets or sets the click callback.
         /// </summary>