Q&A
うーん、見た感じブラウザのバグなのでしょうか。
Edgeでも同様の問題を確認したので、ChromeというよりはChromiumベースのブラウザで起きている感じがします。
前提・実現したいこと
HTML初心者です。
HTMLにおける<textarea>~</textarea>の内の文字列のドラッグで変な挙動をするので、その原因と解決方法を教えてほしいです。
発生している問題・エラーメッセージ
html
1<textarea>#include <iostream> 2 3int main () { 4 std::cout << "Hello, World" << std::endl; 5 return 0; 6}</textarea>
と入力すれば
text
1#include <iostream> 2 3int main () { 4 std::cout << "Hello, World" << std::endl; 5 return 0; 6}
のようなテキストが入力されたテキストエリアができると思います。
ここで、
text
1std::cout << "Hello, World" << std::endl;
の部分をマウスなどで選択して、マウスで適当な位置へとドラッグするとき、想定する動作は
text
1#include <iostream> 2 3int main () {std::cout << "Hello, World" << std::endl; 4 5 return 0; 6}
のようになることですが、
text
1#include <iostream> 2 3int main () {_cout __ _Hello, World_ __ std__endl 4 5 return 0; 6}
となぜかエスケープ？されてしまいます。
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3<head> 4</head> 5 6<body> 7 8<textarea class="editor" spellcheck="false">#include <iostream> 9 10int main () { 11 std::cout << "Hello, World" << std::endl; 12 return 0; 13}</textarea> 14 15</body> 16</html>
補足情報（FW/ツールのバージョンなど）
この問題はChrome上で発生しました。Firefoxでは想定通りに動作することを確認しました。
追記(2020/07/26)
kei344さんが作成してくれた
https://jsfiddle.net/a4jnzkcp/1/
にてテストをする様子をスキャンしてみました。
環境は以下の通りです。
- Windows 8.1
- Chromium 85.0.4182.0
回答2件
0
EdgeでもChromeでも、何をしてもエスケープされるようなことは
起きないですけど、一度、テキストエディタにドラッグしてみてはいかがでしょうか？
投稿2020/07/25 22:05
総合スコア13
0
（すみません、回答ではないです）17日に試した際には問題が再現しませんでしたが、先ほど確認したところ問題が再現しました。_に置き換わる以外に、 std:をドラッグするとdownloadに変わりました。
動くサンプル：https://jsfiddle.net/a4jnzkcp/1/
Chromneのバージョンは下記を試しました。（シークレットウィンドウでも試験済み）
Windows 83.0.4103.116
Windows 84.0.4147.89
投稿2020/07/18 16:12
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。