From 134081541717b6def9b80e2fc33124926fe516e7 Mon Sep 17 00:00:00 2001
From: Marcus Feitoza <marcus.feitoza.filho@gmail.com>
Date: Sun, 3 May 2020 01:03:23 -0300
Subject: [PATCH] fix(modal): focus

---
 src/components/Modal/Modal.svelte | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Modal/Modal.svelte b/src/components/Modal/Modal.svelte
index 03e7304e..32c0217d 100644
--- a/src/components/Modal/Modal.svelte
+++ b/src/components/Modal/Modal.svelte
@@ -19,7 +19,7 @@
   export let size = undefined;
   export let style = undefined;
 
-  import { createEventDispatcher, afterUpdate, onDestroy } from 'svelte';
+  import { createEventDispatcher, afterUpdate, onDestroy, onMount } from 'svelte';
   import Close20 from 'carbon-icons-svelte/lib/Close20';
   import { cx } from '../../lib';
   import Button from '../Button';
@@ -36,12 +36,14 @@
     node.focus();
   }
 
+  onMount(() => {
+    focus();
+    dispatch('open');
+    document.body.classList.add(cx('--body--with-modal-open'));
+  })
+
   afterUpdate(() => {
-    if (open) {
-      focus();
-      dispatch('open');
-      document.body.classList.add(cx('--body--with-modal-open'));
-    } else {
+    if (!open) {
       dispatch('close');
       document.body.classList.remove(cx('--body--with-modal-open'));
     }