Repeating words in textarea

by johntrepreneur

HTML

<script src="http://fonts.googleapis.com/css?family=Lato:400"></script>
<title>textarea repeating word bug in IE (10 in this case)</title>
<body>
    <div id="right">
        <div id="showing">                                    
            <textarea>The textarea control in IE repeats words on the next line after a soft line wrap. It would seem this happens when the size of the inner content is changed (decreased in this case) from the default by means of padding with box sizing (standard procedure) coupled with a smaller diferent font.</textarea>
        </div>
    </div>
</body>

CSS

body
{
    background-color: rgb(246, 246, 246);
}
#right
{
    width: 238px;
    background-color: rgb(246, 246, 246);
}
#showing
{
    padding: 8px;
    border-width: 1px;
    border-style: solid;
}
#showing textarea
{
    font-family: "Lato", Sans-Serif;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    
    width: 100%;
    height: 142px;
    overflow: auto;
    overflow-x: visible;
    padding: 6px;
    box-sizing: border-box;
}