Comportamiento extraño en la etiqueta <header> en Meteor + React - meteor, reactjs

Estoy trabajando a través del tutorial Meteor React. En el siguiente código cuando cambio <h1> etiqueta para h2/h3/h4 la casilla de verificación no se puede hacer clic (sin embargo <b> funciona) en todos los navegadores (chrome, ff, es decir). ¿Es este un problema con React o Meteor o el mío?

...
return (
<div className="container">
<header>
<h1>Sample List</h1>  //changing to h2/h3/h4 makes checkbox unclickable

<label className="hide-completed">
<input
type="checkbox"
readOnly
checked={this.state.hideCompleted}
onClick={this.toggleHideCompleted.bind(this)}
/>
Hide Completed Tasks
</label>
<form>...</form>
</header>
...

Respuestas

Tal vez necesite actualizar sus estilos / CSS para reflejar la nueva etiqueta que se está utilizando:

h2 /* from h1 to h2, for example */ {
font-size: 1.5em;
margin: 0;
margin-bottom: 10px;
display: inline-block;
margin-right: 1em;
}