質問編集履歴
3
iPhoneのsafariの情報を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
### 現象の説明
|
|
2
2
|
|
|
3
|
-
**safari
|
|
3
|
+
**macOSのsafari**でこの現象が発生しています。
|
|
4
4
|
|
|
5
5
|
`contenteditable`要素の中で以下の条件が揃うと自動でタグが外されてしまいます。
|
|
6
6
|
|
|
@@ -24,6 +24,10 @@
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
+
※FiroProchainezo様からiPhoneのsafariでは再現しないとの情報をいただきました。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
27
31
|
### 知りたいこと
|
|
28
32
|
|
|
29
33
|
`position:relative;`を維持したまま、タグが外されるのを防ぐ方法をご教示いただければありがたいです。
|
2
markdownで装飾追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
### 現象の説明
|
|
2
2
|
|
|
3
|
-
safariのみで起こる現象です。
|
|
3
|
+
**safariのみ**で起こる現象です。
|
|
4
4
|
|
|
5
|
-
contenteditable要素の中で以下の条件が揃うと自動でタグが外されてしまいます。
|
|
5
|
+
`contenteditable`要素の中で以下の条件が揃うと自動でタグが外されてしまいます。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
- ユーザが改行するなどして新しく生成された要素
|
|
10
10
|
|
|
11
|
-
- position:relative
|
|
11
|
+
- `position:relative;`が指定されている
|
|
12
12
|
|
|
13
13
|
- 日本語を入力する
|
|
14
14
|
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
|
|
21
21
|
改行して日本語を入力するとボーダーが消えます。
|
|
22
22
|
|
|
23
|
-
開発者ツールを見るとdivタグが外されて中のテキストのみになっているのがわかると思います。
|
|
23
|
+
開発者ツールを見ると`div`タグが外されて中のテキストのみになっているのがわかると思います。
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
### 知りたいこと
|
|
28
28
|
|
|
29
|
-
position:relative
|
|
29
|
+
`position:relative;`を維持したまま、タグが外されるのを防ぐ方法をご教示いただければありがたいです。
|
1
質問内容を簡潔になるよう修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
s
|
|
1
|
+
[html, css] contenteditable内の要素が削除されてしまう
|
test
CHANGED
|
@@ -27,9 +27,3 @@
|
|
|
27
27
|
### 知りたいこと
|
|
28
28
|
|
|
29
29
|
position:relative を維持したまま、タグが外されるのを防ぐ方法があれば知りたいです。
|
|
30
|
-
|
|
31
|
-
（できればjsによる解決策があれば嬉しいです）
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
というかこれはsafariのバグなんでしょうか？
|