質問編集履歴
1
文章変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
###概要
|
|
2
2
|
|
|
3
|
-
Firefoxでだけ、テキストエリア
|
|
3
|
+
Firefoxでだけこのように↓、入力前のテキストエリアが低くなり、文字が隠れてしまいます。（入力後は正常な高さに戻ります。）
|
|
4
|
+
|
|
5
|
+
[https://jsfiddle.net/wyk3qxhg/](https://jsfiddle.net/wyk3qxhg/)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
4
10
|
|
|
5
11
|
###詳細
|
|
6
12
|
|
|
13
|
+
上記JSfiddleの通りですが、ご説明します。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
7
|
-
次のような１行分の高さのテキストエリアがあります。（JSで入力値に応じて高さを可変にしているので、初期状態は１行分にしてます。）
|
|
17
|
+
まず次のような１行分の高さのテキストエリアがあります。（JSで入力値に応じて高さを可変にしているので、初期状態は１行分にしてます。）
|
|
8
18
|
|
|
9
19
|
|
|
10
20
|
|
|
@@ -36,7 +46,7 @@
|
|
|
36
46
|
|
|
37
47
|
```
|
|
38
48
|
|
|
39
|
-
しかしこれに下記のようなbox-sizingをかけると、高さが
|
|
49
|
+
しかしこれに下記のようなbox-sizingをかけると、入力前のテキストエリアの高さが低くなるという問題です。
|
|
40
50
|
|
|
41
51
|
|
|
42
52
|
|
|
@@ -50,10 +60,4 @@
|
|
|
50
60
|
|
|
51
61
|
```
|
|
52
62
|
|
|
53
|
-
Firefoxでだけ、こう↓なります。
|
|
54
|
-
|
|
55
|
-
[https://jsfiddle.net/wyk3qxhg/](https://jsfiddle.net/wyk3qxhg/)
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
63
|
どうすればテキストエリアの高さを１行分にできますでしょうか？
|