回答編集履歴
6
テキスト修正
test
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
原因は、confirmダイアログのOKボタンまたはキャンセルボタンをクリック(タップ)してダイアログが消えるときにも、focusイベント や blur イベントが発生していること
|
11
|
+
原因は、confirmダイアログのOKボタンまたはキャンセルボタンをクリック(タップ)してダイアログが消えるときにも、focusイベント や blur イベントが発生していることと考えられます。
|
12
12
|
|
13
13
|
|
14
14
|
|
5
テキスト修正
test
CHANGED
@@ -150,11 +150,11 @@
|
|
150
150
|
|
151
151
|
上記で、 `render()` は、ご質問に挙げられているコードから修正していません。
|
152
152
|
|
153
|
-
念のため、上記の修正版の `ImputSomethingWithConfirm` を動作確認して、PCでもスマホのブラウザ(iPhone8 の Chrome と Safari)でも期待される動作に(一応)なっているかなと思
|
153
|
+
念のため、上記の修正版の `ImputSomethingWithConfirm` を動作確認して、PCでもスマホのブラウザ(確認に使用したのは、iPhone8 の Chrome と Safari)でも期待される動作に(一応)なっているかなと思えました。
|
154
154
|
|
155
155
|
|
156
156
|
|
157
|
-
とはいえ、かなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを作
|
157
|
+
とはいえ、やっていることがかなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを自作して、表示、非表示のフラグを `this.state` の中に持てるようにしたほうがよいように思えます。
|
158
158
|
|
159
159
|
|
160
160
|
|
4
テキスト修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
create-react-app でアプリを作成し、ご質問に挙げられている `ImputSomethingWithConfirm` をそのままコピ
|
5
|
+
create-react-app でアプリを作成し、ご質問に挙げられている `ImputSomethingWithConfirm` をそのままコピペしてマウントさせると、確かにご質問にあるような(悩ましい) 状況を再現できました。
|
6
6
|
|
7
7
|
(ちなみに、スマホのブラウザを使わなくても、PCのChromeで確認できました)
|
8
8
|
|
3
テキスト修正
test
CHANGED
@@ -154,7 +154,7 @@
|
|
154
154
|
|
155
155
|
|
156
156
|
|
157
|
-
とはいえ、かなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを作成して、表示、非表示のフラグを `this.state` の中に持てるようにしたほうがよいように思えま
|
157
|
+
とはいえ、かなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを作成して、表示、非表示のフラグを `this.state` の中に持てるようにしたほうがよいように思えます。
|
158
158
|
|
159
159
|
|
160
160
|
|
2
テキスト修正
test
CHANGED
@@ -154,7 +154,7 @@
|
|
154
154
|
|
155
155
|
|
156
156
|
|
157
|
-
とはいえ、かなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを作成して、表示、非表示のフラグを `this.state` の中に持てるようにしたほうがよいように思
|
157
|
+
とはいえ、かなりトリッキーですし、ダイアログにスタイルをあてることもできないので、やはりダイアログコンポーネントを作成して、表示、非表示のフラグを `this.state` の中に持てるようにしたほうがよいように思えました。
|
158
158
|
|
159
159
|
|
160
160
|
|
1
テキスト修正
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
そのため、confirmダイアログが表示されている間は、onfocus と onblur を無効にして、confirmダイアログが消えた後に有効にするといったような処理が必要ですが、confirm ダイアログが表示されている、または消えているという
|
15
|
+
そのため、confirmダイアログが表示されている間は、onfocus と onblur を無効にして、confirmダイアログが消えた後に有効にするといったような処理が必要ですが、confirm ダイアログが表示されている、または消えているという2状態と完全に同期したフラグを `this.state` の中に持たせることは困難なので、苦肉の策が必要と思います。
|
16
16
|
|
17
17
|
|
18
18
|
|