[Designer] Set focus on first card in card catalog when it loads (#4562)

microsoft · Aug 12, 2020 · f0fcae7 · f0fcae7
1 parent 7a3e287
commit f0fcae7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/source/nodejs/adaptivecards-designer/src/open-sample-dialog.ts b/source/nodejs/adaptivecards-designer/src/open-sample-dialog.ts
@@ -165,7 +165,12 @@ export class OpenSampleDialog extends Dialog {
 
         this.catalogue.onDownloaded = (sender: SampleCatalogue) => {
             if (sender.isDownloaded) {
-                this.setContent(this.renderCatalogue());
+                let catalogue = this.renderCatalogue();
+                this.setContent(catalogue);
+
+                // now set focus on the first card in the catalog (usually the Blank Card)
+                let firstChild = catalogue.firstElementChild as HTMLElement;
+                firstChild.focus();
             }
             else {
                 this.setContent(this.renderMessage("The catalogue couldn't be loaded. Please try again later.", false));