htmlのcheckboxでハマったのでメモ。

labelの文字をクリックしてもチェックボックスが機能しない。

以下のような感じで書いたらlabelの文字をクリックしてもチェックボックスが動かない。
チェックボックスそのものをクリックすれば動く。

test.html

<label for="">
  <input type="checkbox" name="" id="">
  <span>テスト</span>
</label>

なぜだ
labelの中にinputを入れたからforとidによる明示的な紐付けはいらないはず(MDN label)

答え

labelにfor属性がついてたから
labelのfor属性を取ってあげると動く。

あまりにも単純すぎて泣いた、、、
emmet使ってて自動でforついちゃって、あとでfor消そう〜とか横着してるとこういうことが起きます。