Atomのエディターで目に見えない文字が入ってしまう

Question

前提・実現したいこと

AtomでHTML/CSSを書いているのですが、

発生している問題・エラーメッセージ

時々目には見えないけれど、何か不明な１文字が挿入されてしまうことがあり、
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

Comments

[gingertail]

0x08なのでバックスペースですね、何かヒントになれば

[maztak]

こちらも同様の症状のようでMacの日本語入力によるバグのようです。https://studio.beatnix.co.jp/kids-it/kids-programming/scratch/invisible-character/　今のところCotEditorを使う解決法しかありませんでしたが、Atom使いたいです・・

[gingertail]

IME変えてみるとか？Googleのしか知らないけど

[maztak]

Google日本語入力をインストールしたら一応対処はできたようです。Mac独自のバグのようでした

Answer 1

さくらエディタでみたところ、0x08 のコードが入ってますね
ちなみに、0x08 はBackSpace、\b で表される文字ですね

Answer 2

環境は、Macでしょうか?

【Scratch】Macで日本語入力すると不可視文字が入力される場合がある

というページが見つかりました。
もう少し検索したところ、
インプットフォームで日本語入力をした時にバックスペース処理...

この記事によると、変換中に、バックスペースを2度押すと発生するとか。
(ただし、2度押ししないと削除されないらしい)
ATOMにバイナリ入力が無いかと調べたのですが、そちらはありませんでした。 (個人的には欲しい機能)

Comments

[maztak]

mac Sierraでございました。
1年前からある、macのgoogle日本語入力のバグみたいですね。
highSierraにしたら直るだろうか…

[pepperleaf]

Macの日本語入力には詳しくなく、申し訳ない。
よくあるショートカットキーの誤操作の可能性を考えて調べたら、上記の記事に当たりました。

[maztak]

確認したらGoogle日本語入力ではなかったので、インストールしたら一応対処できました！

【再現方法】
macの標準のIME?の日本語入力で、日本語を打つ
スペースおして変換モードにする
delete1回押して変換モード終了する
この状態で左キーなどを押すと、見かけでは文字が消えるのに、内部に制御コードなるバックスペースがはいる

【解決方法】
Google日本語入力をインストールして有効化
ただし、コーディングの関係上「¥」キーを「\」に変えている場合、Googleの英数だと「¥」のまま
理想は「日本語はGoogle。英語はMacのデフォルトの英字」

そこで「書類ごとに入力ソースを切り替える」にチェックして（これで「かな」「英数」キーを押した時の切り替え先を覚えてくれる？）、上のステータスバー？で一度理想の入力ソースに切り替えてあげればOKなよう。

【課題】
MacのIME?に慣れていたので、Google日本語入力の変換窓がちょっと小さくて見にくい。
けれどMacの変換は結構おバカだったので、変換能力はGoogleのほうがいいかも。

皆様ありがとうございました(*^^*)