fix(clipboard): fix storybook

ovh · Sep 28, 2023 · d6f220e · d6f220e
1 parent 66ee69e
commit d6f220e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts b/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts
@@ -39,12 +39,12 @@ class OdsClipboardController {
     }
   }
 
-  checkForClickOutside(event: any): void {
-    if (this.component.el.contains(event.target) || this.component.surface === undefined || !this.component.surface.opened) {
+  checkForClickOutside(event: MouseEvent): void {
+    if (this.component.el.contains(event.target as Node) || this.component.surface === undefined || !this.component.surface.opened) {
       return;
-    } else {
-      this.closeSurface();
     }
+
+    this.closeSurface();
   }
 }
 

diff --git a/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts b/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts
@@ -40,6 +40,8 @@ const TemplateDefault = (args:any) => {
   return html`
     <osds-clipboard ...=${getTagAttributes(args)} @keydown=${(e: KeyboardEvent) => e.stopPropagation()}>
       Clipboard
+      <span slot='success-message'>Success</span>
+      <span slot='error-message'>Error</span>
     </osds-clipboard>
   `;
 }