update tab indices accordingly (#7119)

PankajBhojwani · beervoley · web-flow · commit 96f6dfc9bb83 · 2022-03-11T18:35:15.000Z
Co-authored-by: Vsevolod &lt;sevkorobot@gmail.com&gt;
diff --git a/source/nodejs/adaptivecards-designer/src/toolbar.ts b/source/nodejs/adaptivecards-designer/src/toolbar.ts
@@ -72,10 +72,12 @@ export class ToolbarButton extends ToolbarElement {
         if(!this.isEnabled) {
             this.renderedElement.classList.add("acd-toolbar-button-disabled");
             this.renderedElement.setAttribute("aria-disabled", "true");
+            this.renderedElement.tabIndex = -1;
         }
         else {
             this.renderedElement.classList.remove("acd-toolbar-button-disabled");
             this.renderedElement.removeAttribute("aria-disabled");
+            this.renderedElement.tabIndex = 0;
         }
 
         if (this.isToggled) {

Original file line number	Diff line number	Diff line change
`@@ -72,10 +72,12 @@ export class ToolbarButton extends ToolbarElement {`
`72`	`72`	`if(!this.isEnabled) {`
`73`	`73`	`this.renderedElement.classList.add("acd-toolbar-button-disabled");`
`74`	`74`	`this.renderedElement.setAttribute("aria-disabled", "true");`
	`75`	`+ this.renderedElement.tabIndex = -1;`
`75`	`76`	`}`
`76`	`77`	`else {`
`77`	`78`	`this.renderedElement.classList.remove("acd-toolbar-button-disabled");`
`78`	`79`	`this.renderedElement.removeAttribute("aria-disabled");`
	`80`	`+ this.renderedElement.tabIndex = 0;`
`79`	`81`	`}`
`80`	`82`
`81`	`83`	`if (this.isToggled) {`