fix(stepper): remove delay in focus to next step (backport to 16.x) (#…

…1579)

Backport 1c359f2 from #1564. <br> ## PR
Checklist

Please check if your PR fulfills the following requirements:

- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)
- [ ] If applicable, have a visual design approval

## PR Type

What kind of change does this PR introduce?

&lt;!-- Please check the one that applies to this PR using
&quot;x&quot;. --&gt;

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

## What is the current behavior?

&lt;!-- Please describe the current behavior that you are modifying, or
link to a relevant issue. --&gt;

Issue Number: [CDE-2295](https://vmw-jira.broadcom.com/browse/CDE-2295)

## What is the new behavior?

## Does this PR introduce a breaking change?

- [ ] Yes
- [x] No

&lt;!-- If this PR contains a breaking change, please describe the
impact and migration path for existing applications below. --&gt;

## Other information
Reverted the fix made for A11y issue
[CDE-699](https://vmw-jira.broadcom.com/browse/CDE-699)

Co-authored-by: Andrea A Fernandes <[email protected]>

projects/angular/src/accordion/stepper/stepper-panel.spec.ts

@@ -6,7 +6,7 @@
  */
 
 import { Component, Injectable, ViewChild } from '@angular/core';
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
 import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -121,7 +121,6 @@ describe('ClrStep Reactive Forms', () => {
       expect(input.focus).not.toHaveBeenCalled();
 
       (stepperService as MockStepperService).activeStep.next('groupName');
-      tick(1500);
 
       expect(input.focus).toHaveBeenCalled();
     }));

projects/angular/src/accordion/stepper/stepper-panel.ts

@@ -104,9 +104,7 @@ export class ClrStepperPanel extends ClrAccordionPanel implements OnInit {
       this.stepperService.activeStep
         .pipe(filter(panelId => isPlatformBrowser(this.platformId) && panelId === this.id))
         .subscribe(() => {
-          //Adding timeout so that the status of the previous step is read by Voice Over on Safari,
-          //before focusing on the next stepper panel header
-          setTimeout(() => this.headerButton.nativeElement.focus(), 1500);
+          this.headerButton.nativeElement.focus();
         })
     );
   }