ソースを参照

Fix issue where error tooltip was on other side of page

sbkwgh 8 年 前
コミット
c81e16ac7e
1 ファイル変更17 行追加15 行削除
  1. 17 15
      src/components/FancyTextarea.vue

+ 17 - 15
src/components/FancyTextarea.vue

@@ -1,21 +1,23 @@
 <template>
 	<div class='fancy_textarea'>
-		<error-tooltip :error='error'></error-tooltip>
-		<div
-			class='fancy_textarea__placeholder'
-			:class='{"fancy_textarea__placeholder--active": active || value.length}'
-		>
-			{{placeholder}}
+		<div style='position: relative; display: inline-block;'>
+			<error-tooltip :error='error'></error-tooltip>
+			<div
+				class='fancy_textarea__placeholder'
+				:class='{"fancy_textarea__placeholder--active": active || value.length}'
+			>
+				{{placeholder}}
+			</div>
+			<textarea
+				class='input fancy_textarea__textarea'
+				v-bind:value='value'
+				v-bind:style='{width: width || "20rem"}'
+				v-on:input='updateValue($event.target.value)'
+				@focus='addActive'
+				@blur='removeActive'
+			>
+			</textarea>
 		</div>
-		<textarea
-			class='input fancy_textarea__textarea'
-			v-bind:value='value'
-			v-bind:style='{width: width || "20rem"}'
-			v-on:input='updateValue($event.target.value)'
-			@focus='addActive'
-			@blur='removeActive'
-		>
-		</textarea>
 	</div>
 </template>