From fa8eb43eafb0711e9880b61f1c30f7be469d461a Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Wed, 15 Dec 2021 21:44:41 +0900
Subject: [PATCH] =?UTF-8?q?fix(client):=20=E4=B8=80=E9=83=A8=E3=81=AE?=
 =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E3=81=8C=E8=A3=8F=E3=81=AB=E9=9A=A0=E3=82=8C=E3=82=8B=E3=81=AE?=
 =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                               | 7 +++++++
 packages/client/src/components/toast.vue   | 7 ++++---
 packages/client/src/ui/_common_/upload.vue | 4 ++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a7ca63b5a7..8ba891c84c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,13 @@
 
 -->
 
+## 12.x.x (unreleased)
+
+### Improvements
+
+### Bugfixes
+- クライアント: 一部のコンポーネントが裏に隠れるのを修正
+
 ## 12.99.3 (2021/12/14)
 ### Bugfixes
 - クライアント: オートコンプリートがダイアログの裏に隠れる問題を修正
diff --git a/packages/client/src/components/toast.vue b/packages/client/src/components/toast.vue
index 740370003e..a04cf764ad 100644
--- a/packages/client/src/components/toast.vue
+++ b/packages/client/src/components/toast.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-toast">
+<div class="mk-toast" style="{ zIndex }">
 	<transition name="notification-slide" appear @after-leave="$emit('closed')">
 		<XNotification v-if="showing" :notification="notification" class="notification _acrylic"/>
 	</transition>
@@ -9,6 +9,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import XNotification from './notification.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -23,7 +24,8 @@ export default defineComponent({
 	emits: ['closed'],
 	data() {
 		return {
-			showing: true
+			showing: true,
+			zIndex: os.claimZIndex(true),
 		};
 	},
 	mounted() {
@@ -45,7 +47,6 @@ export default defineComponent({
 
 .mk-toast {
 	position: fixed;
-	z-index: 10000;
 	left: 0;
 	width: 250px;
 	top: 32px;
diff --git a/packages/client/src/ui/_common_/upload.vue b/packages/client/src/ui/_common_/upload.vue
index 1a20d46796..09d1529e7a 100644
--- a/packages/client/src/ui/_common_/upload.vue
+++ b/packages/client/src/ui/_common_/upload.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-uploader _acrylic">
+<div class="mk-uploader _acrylic" :style="{ zIndex }">
 	<ol v-if="uploads.length > 0">
 		<li v-for="ctx in uploads" :key="ctx.id">
 			<div class="img" :style="{ backgroundImage: `url(${ ctx.img })` }"></div>
@@ -25,6 +25,7 @@ export default defineComponent({
 	data() {
 		return {
 			uploads: os.uploads,
+			zIndex: os.claimZIndex(true),
 		};
 	},
 });
@@ -33,7 +34,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .mk-uploader {
 	position: fixed;
-	z-index: 10000;
 	right: 16px;
 	width: 260px;
 	top: 32px;