From db692b9d76cca1df3440c43e6d5ce54dd2769fd9 Mon Sep 17 00:00:00 2001
From: Vinicius Fortuna <fortuna@users.noreply.github.com>
Date: Fri, 15 May 2020 00:19:48 -0400
Subject: [PATCH] Fix access key creation

The $$ field is only available in legacy Polymer
---
 src/server_manager/web_app/ui_components/outline-server-view.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/server_manager/web_app/ui_components/outline-server-view.js b/src/server_manager/web_app/ui_components/outline-server-view.js
index 2aaf388e..c6fa895a 100644
--- a/src/server_manager/web_app/ui_components/outline-server-view.js
+++ b/src/server_manager/web_app/ui_components/outline-server-view.js
@@ -643,7 +643,7 @@ export class ServerView extends DirMixin(PolymerElement) {
     this.push('accessKeyRows', accessKey);
     // Force render the access key list so that the input is present in the DOM
     this.$.accessKeysContainer.querySelector('dom-repeat').render();
-    const input = this.$$(`#access-key-${accessKey.id}`);
+    const input = this.shadowRoot.querySelector(`#access-key-${accessKey.id}`);
     input.select();
   }