イオン化アプリケーションでcontenteditable divがカスケード化しない

Question

Ionicアプリケーションで編集可能なコンテンツを持つdiv要素を作成する際に問題がありますが、そのdivのテキストはうまく動作しますが、すべてのブレークラインを編集すると、元のもの、<div contenteditable="true"> This can be edited <div> but this not</div></div>のように、これはクリック可能ではありません。

私はイオンバンドルなしで同じテストを行い、正常に動作します。

私はこのコードを作成しました[http://codepen.io/lhrossi/pen/XNBbpm]問題を再現しましたが、何か助けていただきありがとうございます。

Answer 1

Chromeでのみ問題があるようですが、テストしませんでした。

解決策は、要素にdisplay:inline-blockを追加することです。この方法では、新しい行に<div></div>の代わりに<br>が追加されます。

<div contenteditable="true" style="display:inline-block;"></div>