为什么我不能将文本输入到highcharts-container div中的textarea控件中？

Question

当我将textarea放在highcharts-container div中时，我无法单击textarea并输入文本。这是一个显示问题的小提琴。 http://jsfiddle.net/0oh0zfu9/

$('.highcharts-container').append();

当我将div放在div之外时，我没有这个问题。出于某些定位原因，我真的希望能够将div设置在highcharts-container div中。

关于如何使这项工作的任何想法？

Answer 1

只需将autofocus属性添加到textarea：http://jsfiddle.net/0oh0zfu9/1/

即可

更改了JS

$('.highcharts-container').append(
    /* ... */
    '<textarea style="border-color: #66afe9; box-shadow: 0 0 5px 3px #66afe9;" class="form-control" rows="5" id="comment" placeholder="Comment" autofocus></textarea>'
    /* ... */
);

但正如 @Trix 所指出的那样，通常不建议将这些元素添加到高图容器中。