i am using Chrome Version 38.0.2125.104 (64-bit). Which is Crashing with whitespaces in Textarea on 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"> <img src="http://www.nikhilmaheshwari.in"
alt="ITs my homepage, see http://www.nikhilmaheshwari.in" height="1" width="1" />
</textarea>
</div>
</div>
Check JS Fiddle http://jsfiddle.net/nikdtu/vqfefjwo/
I know couple of resolutions for it but I am interested in knowing the cause of it. Please suggest if you can share the probable reason.
Edit : its working with "white-space: pre-line;" or "white-space: pre;" or "white-space: pre-wrap;" but not working with "white-space: nowrap;" or "white-space: normal;" or "white-space: inherit;"(if parent is any of normal or nowrap)
Remove the inner space from textarea
tag
<textarea class="custom-input ng-binding" type="text" readonly="" onclick="this.select()" rows="4"><img src="http://www.nikhilmaheshwari.in" alt="Its my homepage !, see preview @ http://www.nikhilmaheshwari.in" height="1" width="1" /></textarea>
Its working fine for me.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.