fix: add class on mount and fix backdrop

juntossomosmais · Sep 27, 2024 · fa5b319 · fa5b319
1 parent 5cf8c32
commit fa5b319
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/core/src/components/modal/modal.scss b/packages/core/src/components/modal/modal.scss
@@ -1,6 +1,8 @@
 @import '~@atomium/scss-utils/index';
 
 .atom-modal {
+  position: fixed;
+
   &__close {
     position: absolute;
     right: var(--spacing-small);

diff --git a/packages/core/src/components/modal/modal.tsx b/packages/core/src/components/modal/modal.tsx
@@ -28,6 +28,7 @@ export class AtomModal {
   @Prop() hasFooter = true
   @Prop() disablePrimary = false
   @Prop() disableSecondary = false
+  @Prop() isOpen = false
 
   @Event() atomCloseClick: EventEmitter
   @Event() atomDidDismiss: EventEmitter
@@ -49,7 +50,7 @@ export class AtomModal {
   }
 
   componentDidLoad() {
-    document.body.classList.remove(BACKDROP_NO_SCROLL)
+    document.body.classList.add(BACKDROP_NO_SCROLL)
 
     this.modal.close = async () => {
       await this.modal.dismiss()
@@ -95,6 +96,7 @@ export class AtomModal {
           }}
           onIonModalDidDismiss={this.handleDidDimiss}
           onDidPresent={this.handleDidPresent}
+          isOpen={this.isOpen}
         >
           <header part='header' class='atom-modal__header'>
             {iconType && (