title: Add scrollbar to textfield
body: <p>Given I have two text fields and both text fields contain a text with the same length. The text can be much bigger than the text field. If someone scrolls through this text field with the cursor or by marking text, both text fields should scroll exactly the same.</p>
  
  <p>I want to add a scrollbar that represents the text of the text fields. If the text is smaller than the text field than the scrollbar should be full (the thumb should not be move able). The text in both text fields and the scrollbar should all behave accordingly when scrolling.</p>
  
  <p>The whole thing does look like this:
  <a href="https://i.stack.imgur.com/9ByQs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9ByQs.png" alt="text fields with scrollbar"></a></p>
  
  <p><strong>How to bind the scroll events of all three controls to each other?</strong></p>
  
  <p><strong>How to set the min and max and bind the value of the scrollbar?</strong></p>