/ / Странно поведение в <header> тага в Meteor + React - meteor, reactjs

Странно поведение в маркера <header> в Meteor + React - метеор, реакция

Работя чрез ръководството за Meteor React. В кода по-долу, когато се променя <h1> маркер към h2/h3/h4 квадратчето за отметка става без кликване (обаче <b> работи) във всички браузъри (chrome, ff, т.е.). Това проблем ли е с React или Meteor или моя?

...
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>
...

Отговори:

0 за отговор № 1

Може би трябва да актуализирате вашите стилове / CSS, за да отразява използвания нов маркер:

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