Chrome使用onClick =「this.select（）;」在Textarea中使用空格時崩潰

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小提琴http://jsfiddle.net/nikdtu/vqfefjwo/

我知道夫婦爲它的決議，但我想知道它的原因。請建議您是否可以分享可能的原因。

編輯：它的工作與「空白：預行;」或「white-space：pre」或「白色空間：預包裝」;但不適用於「白色空間：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> 

它爲我工作的罰款取出內部空間。