GhostでIMEの変換候補の位置を直す

tamuraです。

Ghostで日本語変換をすると変換候補の位置がおかしい場所になる、というバグがありました。 正月休みで色々いじって直しました。

https://github.com/TryGhost/Ghost-Admin/pull/940/files

バグ

変換するとこんな感じで表示されて、変換中の文字が見えなくなります。

原因

Ghostというか元にしているCodeMirrorでは、見えないtextareaを用意してそこに一度文字を入力させています。 その見えないtextareaの位置がGhostではおかしいため変な位置に変換候補が表示されていました。

対策

見えないtextareaのサイズを変更しました。

そうするとちゃんと見えるようになります。

ただ、 サイズを固定にしているのでHeaderとかだとちょっとずれた位置になります。 これはCodeMirrorとかSimpleMDEでも同じです。

CodeMirror

SimpleMDE

関連記事

comments powered by Disqus