mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(modal): focus

Browse source
This commit is contained in:
Marcus Feitoza 2020-05-03 01:03:23 -03:00
commit 1340815417
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/Modal/Modal.svelte
View file

@ -19,7 +19,7 @@
export let size = undefined; export let size = undefined;
export let style = 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 Close20 from 'carbon-icons-svelte/lib/Close20';
import { cx } from '../../lib'; import { cx } from '../../lib';
import Button from '../Button'; import Button from '../Button';
@ -36,12 +36,14 @@
node.focus(); node.focus();
} }
onMount(() => {
focus();
dispatch('open');
document.body.classList.add(cx('--body--with-modal-open'));
})
afterUpdate(() => { afterUpdate(() => {
if (open) { if (!open) {
focus();
dispatch('open');
document.body.classList.add(cx('--body--with-modal-open'));
} else {
dispatch('close'); dispatch('close');
document.body.classList.remove(cx('--body--with-modal-open')); document.body.classList.remove(cx('--body--with-modal-open'));
} }