Cursor gets overflow when scrolling in iphone - safari

I have research and tried a lot to resolve this issue but I couldn't get solution.

I have textarea like this

CSS

.textarea{

background-color: #ffffff;
border: 1px solid #bbd7eb;
color: #5e7891;
font-family: "Roboto",Arial,"Nimbus Sans L","Helvetica CY",sans-serif;
font-size: 14px;
font-weight: normal;
max-width: 560px;
min-height: 100px;
padding: 5px;
resize: none;
width: 100%; 
-webkit-overflow-scrolling: touch;

}

HTML

<textarea class="textarea" name="" title=""></textarea>

In iphone when I enter long para and scroll textarea, cursor goes out of textarea border.

Can anyone give me solution for this issue?

Thanks in advance!!