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(composedmodal): focus and event

Browse source
This commit is contained in:
Marcus Feitoza 2020-05-03 17:58:27 -03:00
commit 023447e9a8
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,6 +17,8 @@
let outerModal = undefined; let outerModal = undefined;
let innerModal = undefined; let innerModal = undefined;
let opened = false;
setContext('ComposedModal', { setContext('ComposedModal', {
closeModal: () => { closeModal: () => {
open = false; open = false;
@ -45,11 +47,15 @@
}); });
afterUpdate(() => { afterUpdate(() => {
if (open) { if (opened) {
if (!open) {
opened = false;
dispatch('close');
document.body.classList.add(cx('--body--with-modal-open'));
}
} else if (open) {
opened = true;
dispatch('open'); dispatch('open');
document.body.classList.add(cx('--body--with-modal-open'));
} else {
dispatch('close');
document.body.classList.remove(cx('--body--with-modal-open')); document.body.classList.remove(cx('--body--with-modal-open'));
} }
}); });