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消そう〜とか横着してるとこういうことが起きます。