From ecc97ac049e11d4d3b4718d0e7b65f53c22a7d00 Mon Sep 17 00:00:00 2001
From: sim1222 <kokt@sim1222.com>
Date: Sun, 25 Dec 2022 16:20:38 +0900
Subject: [PATCH] fix: delete gomi

---
 packages/client/src/components/MkPostForm.vue | 69 ++++++-------------
 1 file changed, 22 insertions(+), 47 deletions(-)

diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 6fafb17f2..5d9a5e1fd 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -41,10 +41,7 @@
 		</div>
 		<MkInfo v-if="hasNotSpecifiedMentions" warn class="hasNotSpecifiedMentions">{{ i18n.ts.notSpecifiedMentionWarning }} - <button class="_textButton" @click="addMissingMention()">{{ i18n.ts.add }}</button></MkInfo>
 		<input v-show="useCw" ref="cwInputEl" v-model="cw" class="cw" :placeholder="i18n.ts.annotation" @keydown="onKeydown">
-		<div>
-			<textarea ref="textareaEl" v-model="text" class="text" :class="{ withCw: useCw }" :disabled="posting" :placeholder="placeholder" data-cy-post-form-text @keydown="onKeydown" @paste="onPaste" @compositionupdate="onCompositionUpdate" @compositionend="onCompositionEnd"/>
-			<i class="caret"></i>
-		</div>
+		<textarea ref="textareaEl" v-model="text" class="text" :class="{ withCw: useCw }" :disabled="posting" :placeholder="placeholder" data-cy-post-form-text @keydown="onKeydown" @paste="onPaste" @compositionupdate="onCompositionUpdate" @compositionend="onCompositionEnd"/>
 		<div ref="mask" class="mask"></div>
 		<input v-show="withHashtags" ref="hashtagsInputEl" v-model="hashtags" class="hashtags" :placeholder="i18n.ts.hashtags" list="hashtags">
 		<XPostFormAttaches class="attaches" :files="files" @updated="updateFiles" @detach="detachFile" @changeSensitive="updateFileSensitive" @changeName="updateFileName"/>
@@ -873,50 +870,28 @@ onMounted(() => {
 			margin: 0 20px 16px 20px;
 		}
 
-		> div {
-			> .cw,
-			> .hashtags,
-			> .text {
-				display: block;
-				box-sizing: border-box;
-				padding: 0 24px;
-				margin: 0;
-				width: 100%;
-				font-size: 16px;
-				border: none;
-				border-radius: 0;
-				background: transparent;
-				color: var(--fg);
-				font-family: inherit;
-
-				&:focus {
-					outline: none;
-				}
-
-				&:disabled {
-					opacity: 0.5;
-				}
-			}
-			> .caret {
-				position: absolute;
-				top: 0;
-				right: 0;
-				width: 2px;
-				height: 1rem;
-				border: none;
-				border-radius: 1px;
-				background-color: #0c7ac9;
-				font-size: 16px;
-			}
-		}
-
-		> .mask {
-			visibility: hidden;
-			width: auto;
-			display: inline-block;
-			position: fixed;
-			overflow: auto;
+		> .cw,
+		> .hashtags,
+		> .text {
+			display: block;
+			box-sizing: border-box;
+			padding: 0 24px;
+			margin: 0;
+			width: 100%;
 			font-size: 16px;
+			border: none;
+			border-radius: 0;
+			background: transparent;
+			color: var(--fg);
+			font-family: inherit;
+
+			&:focus {
+				outline: none;
+			}
+
+			&:disabled {
+				opacity: 0.5;
+			}
 		}
 
 		> .cw {