Skip to content

Commit dc361fe

Browse files
committed
Merge branch 'feat/v3/keep-overlay' into v3
2 parents 95a7bfc + 3f443a8 commit dc361fe

File tree

8 files changed

+19
-5
lines changed

8 files changed

+19
-5
lines changed

dist/VueFinalModal.esm.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/VueFinalModal.esm.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/VueFinalModal.umd.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/VueFinalModal.umd.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/content/en/guide/properties.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -195,6 +195,14 @@ CSS transition applied to the modal overlay.
195195

196196
</show-code>
197197

198+
## `keep-overlay`
199+
200+
- Type: `Boolean`
201+
- Default: `false`
202+
203+
If `keep-overlay` is `false`, the overlay will be removed when open multiple modals.
204+
If `keep-overlay` is `true`, the overlay will not be removed when open multiple modals.
205+
198206
## `lock-scroll`
199207

200208
- Type: `Boolean`

lib/VueFinalModal.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,7 @@ export default {
134134
},
135135
transition: { type: [String, Object], default: 'vfm' },
136136
overlayTransition: { type: [String, Object], default: 'vfm' },
137+
keepOverlay: { type: Boolean, default: false },
137138
zIndexAuto: { type: Boolean, default: true },
138139
zIndexBase: { type: [String, Number], default: 1000 },
139140
zIndex: { type: [Boolean, String, Number], default: false },
@@ -384,7 +385,7 @@ export default {
384385
if (vm.getAttachElement() === target) {
385386
// if vm and this have the same attach element
386387
vm.modalStackIndex.value = index
387-
vm.visibility.overlay = false
388+
!vm.props.keepOverlay && (vm.visibility.overlay = false)
388389
}
389390
})
390391

vetur/attributes.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,10 @@
6363
"type": "string|object",
6464
"description": "CSS transition applied to the modal overlay element."
6565
},
66+
"vue-final-modal/keep-overlay": {
67+
"type": "boolean",
68+
"description": "Keep the overlay when open multiple modals."
69+
},
6670
"vue-final-modal/z-index-auto": {
6771
"type": "boolean",
6872
"description": "Auto binding `z-index` base on the prop `zIndexBase` and adding `2` by each stackable modal. If zIndex is set, `zIndexAuto`, `zIndexBase` will be ignored."

vetur/tags.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
"attach",
1818
"transition",
1919
"overlay-transition",
20+
"keep-overlay",
2021
"z-index-auto",
2122
"z-index-base",
2223
"z-index",

0 commit comments

Comments
 (0)