feat: Added modalLocked prop to ModalV2

bloombergindustry · Jun 22, 2020 · 4c6f747 · 4c6f747
1 parent 34980f6
commit 4c6f747
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/dev/views/Modals.vue b/dev/views/Modals.vue
@@ -208,7 +208,7 @@
  </template>
  </modal-v2>
 
- <modal-v2 v-model="modal4" width="80%" fixed>
+ <modal-v2 v-model="modal4" width="80%" fixed :modal-locked="false">
  <search32 slot="headingIcon" />
 
  <template slot="heading">

diff --git a/src/components/FishTankModalV2.vue b/src/components/FishTankModalV2.vue
@@ -78,6 +78,16 @@ export default class FishTankModalV2 extends mixins(Detachable) {
  })
  overflow:string
 
+ /**
+ * Modal content overflow
+ */
+ @Prop({
+ type:Boolean,
+ required: false,
+ default: true
+ })
+ modalLocked:boolean
+
  // Data
  overlayTransitionDuration = 650 // transition (500) + delay (150)
  isActive = false
@@ -171,10 +181,14 @@ export default class FishTankModalV2 extends mixins(Detachable) {
  }
  updateState() {
  if (this.active) {
- document.body.classList.add('ft-modal-locked')
+ if (this.modalLocked === true){
+ document.body.classList.add('ft-modal-locked')
+ }
  this.show()
  } else {
- document.body.classList.remove('ft-modal-locked')
+ if (this.modalLocked === true){
+ document.body.classList.remove('ft-modal-locked')
+ }
  this.hide()
  }
  }
@@ -226,8 +240,9 @@ export default class FishTankModalV2 extends mixins(Detachable) {
  if (!overlay) {
  return this.showScroll()
  }
-
- document.body.classList.remove('ft-modal-locked')
+ if(document.body.classList.contains('ft-modal-locked')){
+ document.body.classList.remove('ft-modal-locked')
+ }
  overlay.classList.remove('ft-overlay--active')
 
  overlayTimeout = window.setTimeout(() => {