Safari和Firefox输入元素不会专注于点击

Question

我不太清楚如何提出这个问题。

我写了网站http://math.qb.is，首先我在jQuery和Handlebars中做了这个，然后我在AngularJS中重写了它，但最终结果是一样的。只有第一个问题才会得到关注，而尝试点击任何元素只会重新聚焦第一个项目。您可以使用TAB键移动，但这不是解决方案。这在Chrome中按预期工作。我还没有能够在IE上测试这个，但最新的Safari和FireFox在这方面都失败了。

我知道人们不喜欢派人离开网站，但我无法描述这个问题，除了动态生成的输入字段无法获得焦点，或类似的东西，这实际上并不完全是问题。

该网站只是Javascript，没有后端除了服务索引文件。

所有文件都没有最小化。所有的帮助真的很感激。

Answer 1

请勿将多个输入放在单个标签内。默认情况下，标签上的任何点击都将关注第一个输入。而不是尝试用不同的标签包装输入。这将解决您的问题。它与angular/handlebar无关，它只是一个html/css问题。如果你想包装，尝试不同的HTML元素，除了标签。

下面是一个简单的例子：

<label>Click me 
    <input type="text" /> 
    <br/> 
    <input type="text" /> 
</label> 
<br/> 
<br/> 
<label>Click me 
    <input type="text" /> 
</label> 
<label>Click me 
    <input type="text" /> 
</label> 

演示：http://jsfiddle.net/lotusgodkk/KN9xx/322/