Skip to content
This repository was archived by the owner on Apr 17, 2022. It is now read-only.

Commit 69953e7

Browse files
committed
fix: Inline mode showing above overlays (fixes #116)
1 parent 8cd54bc commit 69953e7

File tree

2 files changed

+7
-3
lines changed

2 files changed

+7
-3
lines changed

src/Vue3DatePicker/components/DatepickerMenu.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -397,8 +397,9 @@
397397
const dpMenuClass = computed(
398398
(): DynamicClass => ({
399399
dp__menu: true,
400-
[props.menuClassName]: !!props.menuClassName,
400+
dp__menu_index: !props.inline,
401401
dp__relative: props.inline,
402+
[props.menuClassName]: !!props.menuClassName,
402403
}),
403404
);
404405

src/Vue3DatePicker/style/components/_DatepickerMenu.scss

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
font-size: $dp__font_size;
88
user-select: none;
99
border: 1px solid var(--dp-menu-border-color);
10-
z-index: 99999;
1110
box-sizing: border-box;
1211

1312
&::after {
@@ -24,13 +23,17 @@
2423
}
2524
}
2625

26+
.dp__menu_index {
27+
z-index: 99999;
28+
}
29+
2730
%__dp_menu_readonly_disabled {
2831
position: absolute;
2932
top: 0;
3033
left: 0;
3134
right: 0;
3235
bottom: 0;
33-
z-index: 99999;
36+
z-index: 1;
3437
}
3538

3639
.dp__menu_disabled {

0 commit comments

Comments
 (0)