開くと画面が真っ白になり閲覧できないノートがある

[anon64626862]

バグ報告

• 1つのノートだけ執筆途中でノートが真っ白になり閲覧できなくなった
• 以降、そのノートを開こうとすると同様に真っ白になり操作ができなくなる（他のノートは問題なく開く）
• このノートはactiveに設定していたが、statusからactiveのノートを見ようとすると同様に真っ白になる

ノートの内容はhtmlタグを交えたmarkdownの日本語文章です。

↓コンソールにエラーが出ておりました。入力したタグなどを変な風に記入してしまったのでしょうか？

DOMException: Failed to execute ‘createElement’ on ‘Document’: The tag name provided (‘br（文章）<’) is not a valid name.
at ai (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:225:313)
at bi (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:232:86)
at ci (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:233:284)
at Di (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:249:348)
at Yh (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:248:144)
at Xh (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:245:332)
at qf (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:243:86)
at Object.enqueueSetState (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-dom\cjs\react-dom.production.min.js:130:228)
at Provider.E.setState (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react\cjs\react.production.min.js:13:224)
at C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\react-redux\lib\components\Provider.js:65:14
at dispatch (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\redux\lib\redux.js:220:7)
at C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\redux-thunk\lib\index.js:14:16
at i (file:///C:/Users/hoge/AppData/Local/inkdrop/app-4.0.2/resources/app.asar/browser-main.js:4:156977)
at dispatch (C:\Users\hoge\AppData\Local\inkdrop\app-4.0.2\resources\app.asar\node_modules\redux\lib\redux.js:617:28)
at file:///C:/Users/hoge/AppData/Local/inkdrop/app-4.0.2/resources/app.asar/browser-commons.js:1:28348

利用環境

バグが発生した時の環境

• Platform: macOS
• Platform version: Mojave 10.14.5
• App Version: 4.0.0

その他の動作確認環境

Windows

• Platform version: Windows10 1803(OSビルド 17134. 765)
• App Version: 4.0.2

Android

• Platform version: android9
• App Version: 3.0.0

---

このノートは開かないままでもかまわないのですが、今後の参考のためにどんな入力がバグ発生の原因になるのか少しでも分かりましたら教えていただけますと嬉しいです。

（Inkdropを使用して、いつのまにやら5ヶ月が経過しておりました！これからも楽しんで使わせていただきます。）

[craftzdog (Takuya Matsuyama)]

oftonさん

ご報告ありがとうございます。
旅行中でご返事が遅れてしまいました。
エラーメッセージからして、現象はおそらく不正なHTML入力によるものと思われます。
再現方法がわかれば画面が真っ白になる現象は回避できると思います。
しかしながら、再現しようといくつか不正なHTMLを入力して試したのですが、出来ませんでした。

なにか他に心当たりはありますでしょうか？
ちなみに現在開いているノートのデータは、コンソールで以下のjsを実行すると見ることが出来ます：

inkdrop.store.getState().editingNote

---

5ヶ月のご利用ありがとうございます！末永く使っていただけるように改善を続けていきます

[anon64626862]

こんにちは。
休暇中のところご対応をありがとうございます。そしてすみません。

コンソールにてノートの中身を確認できました！すごいです。ありがとうございます。
ただ同じ文章を入力してみても、今回の現象は見られませんでした。
他の心当たりはなく（忘れっぽくて覚えていない）、
ひとまずこのトピックは「報告」ということで閉じさせていただければと思います。

また同じような現象に陥った際は、どんな操作をしたのか等も併せてご報告できればいいなあと思います。

ご対応をいただきありがとうございました。良いご旅行ができることを願っております！

[craftzdog (Takuya Matsuyama)]

ありがとうございます！無事戻ってきました。

なるほど、ノート本文が原因ではなさそうという事ですね。
また何か手がかりが掴めましたら教えてくださいー。

[craftzdog (Takuya Matsuyama)]

こんにちは。
こちら再現方法と解決方法が見つかりました！

実装面の話をすると、ReactのError Boundariesを用いることでエラーをキャッチして受け流すようにしました。
これで画面が真っ白になり何もできなくなる問題は回避されると思われます。

もし不正なHTMLによるエラーが発生した場合、以下のようにメッセージが表示されます：

次のバージョンで修正されます。

[craftzdog (Takuya Matsuyama)]

こちらv4.3.0にて修正を適用しました。
もし再度現象が発生しましたらご報告ください。
ありがとうございました！

[anon64626862]

こんにちは！
開発おつかれさまです。
ご報告をありがとうございます。
今日も楽しんで使います～！