質問: ### 前提・実現したいこと AtomでHTML/CSSを書いているのですが、 ### 発生している問題・エラーメッセージ 時々目には見えないけれど、何か不明な1文字が挿入されてしまうことがあり、 HTML/CSSが正常に機能しません。 一見正常に見えますが、該当箇所にカーソルを合わせて矢印ボタンなどで左左と進めると、 1回分カーソルが進まないため、何かの文字が入っているようです。 テキストエディタやChrome、Safariで開いてみても 見た目上問題ないのですが、 FireFoxで見ると、文字化けのような特殊文字が入っています。 ### 該当のソースコード ``` @charset "utf-8"; /* CSS Document */ .boxA { border: solid 4px black; background-color: gray; color: orange; } .boxA:after { content: "これはBOXAの中に表示確認のために挿入したテキストです。"; display: block; /* clear: both; */ } .box1 { background-color: yellow; } .box2 { background-color: red; width: 20%; float: left; } .box3 { background-color: blue; width: 20%; float: left; } .box4 { background-color: green; } ``` FireFoxで表示した不明な文字が目に見えるコードをコピーしました。 ここでも表示されませんが、上記の.box2におけるwidthの前に、不明な文字が入っております。 ### 試したこと エディタ設定 ・不可視文字を表示 ・インデントガイドを表示 show ideographic space の導入 indent-guide-improved を無効化 ※症状が出てから試したので、それ以降で再発するかわ未確認です。すみません。 ただ困っているので、思い当たるバグなどあればご教授いただきたいです。 ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) ATOM 1.26.0 x64 パッケージ atom-html-preview 0.2.5 autoclose-html 0.23.0 busy-signal 1.4.3 color-picker 2.2.5 indent-guide-improved 1.4.13 intentions 1.1.5 japanese-menu 1.14.0 linter 2.2.0 linter-php 1.5.1 linter-ui-default 1.7.1 mac Sierra
回答: 環境は、Macでしょうか? 【Scratch】Macで日本語入力すると不可視文字が入力される場合がある というページが見つかりました。 もう少し検索したところ、 インプットフォームで日本語入力をした時にバックスペース処理... この記事によると、変換中に、バックスペースを2度押すと発生するとか。 (ただし、2度押ししないと削除されないらしい) ATOMにバイナリ入力が無いかと調べたのですが、そちらはありませんでした。 (個人的には欲しい機能)