title: How is using JS to change value of textarea different to user input?
body: <p>This is a little bit of a mystery to me but I'm sure someone with more JS knowhow will be able to clear this up. There is a large online forum site I use. Back in time I could easily change a comment-element (textarea) via JS, i.e.</p>
  <pre><code>document.querySelector(&quot;textarea&quot;).value = &quot;foo&quot;
  </code></pre>
  <p>then I'd click the save-button either by hand or script and it would save as you'd expect.</p>
  <p>That site redesigned their whole front end a while back. When I do the exact same action now the change is not saved. The moment I activate the change action the original value is rendered.</p>
  <p>My question is how do they do it? How do they differentiate if it was a user input or a script that changed the value?</p>
  <ul>
  <li>The textarea DOM element is the only thing that changes</li>
  <li>Nothing in the Redux happens differently</li>
  <li>I tried dispatching a keydown but that did not do the trick either</li>
  <li>Only if I actually click into the comment field and press a button the changes are saved correctly</li>
  </ul>