Skip to content

Commit 096e3bf

Browse files
author
Alessio Maffeis
committed
Add zIndex prop
1 parent 4c80c8f commit 096e3bf

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

PictureInput.vue

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@
1515
@dragleave.stop.prevent="onDragStop"
1616
@drop.stop.prevent="onFileDrop"
1717
@click.prevent="selectImage"
18-
:style="{height: previewHeight + 'px'}">
18+
:style="{height: previewHeight + 'px', zIndex: zIndex + 1 }">
1919
</canvas>
2020
<div v-if="!imageSelected && !plain"
2121
class="picture-inner"
22-
:style="{top: -previewHeight + 'px', marginBottom: -previewHeight + 'px', fontSize: fontSize, borderRadius: radius + '%'}">
22+
:style="{top: -previewHeight + 'px', marginBottom: -previewHeight + 'px', fontSize: fontSize, borderRadius: radius + '%', zIndex: zIndex + 2}">
2323
<span v-if="supportsDragAndDrop" class="picture-inner-text" v-html="strings.drag"></span>
2424
<span v-else class="picture-inner-text" v-html="strings.tap"></span>
2525
</div>
@@ -112,6 +112,10 @@ export default {
112112
type: Boolean,
113113
default: false
114114
},
115+
zIndex: {
116+
type: Number,
117+
default: 10000
118+
},
115119
customStrings: {
116120
type: Object,
117121
default: () => {

0 commit comments

Comments
 (0)