fix(web-components): remove tabindex from slider thumb causing duplic…

…ate focusable elements (#31402)
microsoft · Jun 4, 2024 · 4f32e12 · 4f32e12
1 parent 95251e7
commit 4f32e12
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-web-components-e8483226-d92e-4705-b41f-cf6febaf551f.json b/change/@fluentui-web-components-e8483226-d92e-4705-b41f-cf6febaf551f.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix(web-components): remove tabindex from slider thumb causing duplicate focus regions",
+  "packageName": "@fluentui/web-components",
+  "email": "13071055+chrisdholt@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/slider/slider.template.ts b/packages/web-components/src/slider/slider.template.ts
@@ -42,5 +42,5 @@ export function sliderTemplate<T extends Slider>(options: SliderOptions = {}): E
 }
 
 export const template: ElementViewTemplate<Slider> = sliderTemplate({
-  thumb: `<div class="thumb-cursor" tabindex="0"></div>`,
+  thumb: `<div class="thumb-cursor"></div>`,
 });