Fix issue where HACS took over the clipbopard

hacs · Jan 1, 2020 · c4df84c · c4df84c
1 parent b2111c0
commit c4df84c
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/misc/LoveLaceHint.ts b/src/misc/LoveLaceHint.ts
@@ -5,7 +5,8 @@ import {
   css,
   TemplateResult,
   html,
-  property
+  property,
+  query
 } from "lit-element";
 import { Configuration, RepositoryData } from "../types";
 import { HacsStyle } from "../style/hacs-style";
@@ -18,6 +19,7 @@ export class LoveLaceHint extends LitElement {
   @property({ type: Object }) public configuration!: Configuration;
   @property({ type: Object }) public hass!: HomeAssistant;
   @property({ type: Object }) public repository!: RepositoryData;
+  @query("#LovelaceExample") private hint!: any;
 
   protected render(): TemplateResult | void {
     const pluginpath = `${this.repository.full_name.split("/")[1]}/${
@@ -41,22 +43,16 @@ export class LoveLaceHint extends LitElement {
         <paper-icon-button
           title="${localize(`repository.lovelace_copy_example`)}"
           icon="mdi:content-copy"
+          id="CopyLLExample"
           @click="${this.CopyToLovelaceExampleToClipboard}"
           role="button"
         ></paper-icon-button>
       </div>
     `;
   }
 
-  CopyToLovelaceExampleToClipboard(ev: any) {
-    var LLConfig = ev.composedPath()[4].children[0].children[1].innerText;
-
-    document.addEventListener("copy", (e: ClipboardEvent) => {
-      e.clipboardData.setData("text/plain", LLConfig);
-      e.preventDefault();
-      document.removeEventListener("copy", null);
-    });
-    document.execCommand("copy");
+  CopyToLovelaceExampleToClipboard() {
+    navigator.clipboard.writeText(this.hint.innerText);
   }
   static get styles(): CSSResultArray {
     return [