Хром Сбой с пробелами в Textarea при использовании onClick = "this.select();"

Question

Я использую версию Chrome 38.0.2125.104 (64-разрядная версия). Который разбивается с пробелами в Textarea на this.select().

<style> 
.custom-input { 
font-size: 12px; 
width: 100%; 
color: #555555; 
} 
.parent-div { 
white-space: nowrap; 
} 
.child-div textarea { 
white-space: inherit; 
} 
</style> 

<div class="parent-div"> 
<div class="child-div"> 


<textarea class="md-input ng-binding" type="text" readonly="" onclick="this.select();"   rows="4">       &lt;img  src="http://www.nikhilmaheshwari.in" 
         alt="ITs my homepage, see http://www.nikhilmaheshwari.in" height="1" width="1" /&gt; 
        </textarea> 

</div> 
</div> 

Проверить JS Fiddle http://jsfiddle.net/nikdtu/vqfefjwo/

Я знаю несколько резолюций для него, но я интересно знать причину этого. Пожалуйста, предложите, если вы можете поделиться вероятной причиной.

Редактировать: его работа с «белым пространством: предварительная линия»; или "white-space: pre;" или "white-space: pre-wrap;" но не работает с «white-space: nowrap»; или «белое пространство: нормальное»; или «бело-пространстве: наследование;» (если родитель любой нормальный или Nowrap)

Answer 1

Снимите внутреннее пространство от textarea тега

<textarea class="custom-input ng-binding" type="text" readonly="" onclick="this.select()" rows="4">&lt;img src="http://www.nikhilmaheshwari.in" alt="Its my homepage !, see preview @ http://www.nikhilmaheshwari.in" height="1" width="1" /&gt;</textarea> 

Its работает нормально для меня.