fix(cdk-experimental/toolbar): focus mode removal

Author: demanr

src/cdk-experimental/radio-group/radio-group.ts

@@ -163,6 +163,7 @@ export class CdkRadioGroup<V> {
       }
     });
 
+    // TODO: Refactor to be handled within list behavior
     afterRenderEffect(() => {
       if (this.toolbar) {
         const radioButtons = this._cdkRadioButtons();

src/cdk-experimental/toolbar/toolbar.ts

@@ -97,9 +97,6 @@ export class CdkToolbar<V> {
   /** Whether disabled items in the group should be skipped when navigating. */
   skipDisabled = input(true, {transform: booleanAttribute});
 
-  /** The focus strategy used by the toolbar. */
-  focusMode = input<'roving' | 'activedescendant'>('roving');
-
   /** Whether the toolbar is disabled. */
   disabled = input(false, {transform: booleanAttribute});
 
@@ -111,7 +108,7 @@ export class CdkToolbar<V> {
     ...this,
     activeItem: signal(undefined),
     textDirection: this.textDirection,
-    focusMode: this.focusMode,
+    focusMode: signal('roving'),
   });
 
   /** Whether the toolbar has received focus yet. */

src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.html

@@ -11,14 +11,6 @@ <h4 class="example-heading">Toolbar Controls</h4>
         <mat-option value="horizontal">Horizontal</mat-option>
       </mat-select>
     </mat-form-field>
-
-    <mat-form-field subscriptSizing="dynamic" appearance="outline">
-      <mat-label>Focus strategy</mat-label>
-      <mat-select [(value)]="focusMode">
-        <mat-option value="roving">Roving Tabindex</mat-option>
-        <mat-option value="activedescendant">Active Descendant</mat-option>
-      </mat-select>
-    </mat-form-field>
   </div>
   <h4 class="example-heading">Radio Group Controls</h4>
   <div class="example-toolbar-controls">
@@ -50,7 +42,6 @@ <h4 class="example-heading">Button</h4>
 <div
   cdkToolbar
   [orientation]="orientation"
-  [focusMode]="focusMode"
   [skipDisabled]="skipDisabled.value"
   [wrap]="wrap.value"
   [disabled]="toolbarDisabled.value"

src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.ts

@@ -30,7 +30,6 @@ export class CdkToolbarConfigurableExample {
   wrap = new FormControl(true, {nonNullable: true});
   toolbarDisabled = new FormControl(false, {nonNullable: true});
   orientation: 'vertical' | 'horizontal' = 'horizontal';
-  focusMode: 'roving' | 'activedescendant' = 'roving';
 
   fruits = ['Apple', 'Apricot', 'Banana'];
   buttonFruits = ['Pear', 'Blueberry', 'Cherry', 'Date'];