Warum kann ich keinen Text in ein Textarea-Steuerelement eingeben, das sich im Highcharts-Container div befindet?

Question

Wenn ich ein Textfeld in das Highcharts-Container-Div einfüge, kann ich nicht in Textarea klicken und Text eingeben. Hier ist eine Geige, um das Problem zu zeigen. http://jsfiddle.net/0oh0zfu9/

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

Ich habe dieses Problem nicht, wenn ich die div außerhalb dieses div platzieren. Ich möchte wirklich die div innerhalb der Highcharts-Container div für einige Positionierung Gründe haben.

Irgendwelche Ideen, wie dies funktioniert?

Answer 1

Fügen Sie einfach die autofocus Attribut auf das Textfeld: 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>' 
    /* ... */ 
); 

Aber wie @Trix wies darauf hin geändert wird, wird es in der Regel empfohlen, nicht solche Elemente an den highchart Container hinzuzufügen .