【Chrome】textareaの改行時にカーソル位置がガタっとずれる問題の対処法

Enterキーを押すとtextareaのスクロール位置がずれる問題 ふとZennのスクラップのエディターで、Enterキーを押すと、カーソルのあたっている部分のスクロール位置がガタっとずれる問題が発生することに気づきました。 Enterキーを押したタイミングでカーソルの位置がviewportの先頭もしくは末尾にジャンプするようなイメージです。 もう少し調べてみると、Chromeでは問題が発生するものの、FirefoxやSafariでは問題が再現できませんでした。 とりあえずautosize textareaを疑う スクラップのエディターではtextareaの高さがテキストの長さに応じて変わるreact-textarea-autosizeを使っています。最初はこのパッケージを疑ったのですが、HTMLの<textarea>タグに書き換えても問題は解消しませんでした。 Reactのcursor

[Fushihara]

https://bugs.chromium.org/p/chromium/issues/detail?id=1113579 結構前からchromiumのバグで報告上がってるけど放置されてんだよな・・・cssで直るのは知らんかった

[findcafe]

Zennの開発者がZennの記事に助けられた話 https://misskey.dev/notes/8iham32t3b

[n2s]

あーよくあるやつや(それも一回だけ発生する) / overflow-anchor: none;

[radicode]

[]【Chrome】💻 Enterキーを押すとtextareaの スクロール位置がずれる問題の対処法🖱️ なんと❗ CSSを1行書き足すだけで解決👌 同じ問題でお悩みの方はぜひチェックを🧐

[spark7]

知らないcssだ overflow-anchor

[kns_1234]

"overflow-anchor: noneで解決"

[y-kawaz]

たまに起きる奴だな。ユーザスタイルシートでテキストエリア全部にこれ付けとくと良いんかな？

[kkeisuke]

“overflow-anchor”