title: Div tag with editable text area is taking input from right to left
body: <p>We have a div tag which contains innerHTML and while editing the text area which is inside the div tag, the input is getting printing from right to left and the cursor stands at the beginning of the text area. How to resolve this?</p>
  <p><a href="https://i.stack.imgur.com/kaDre.png" rel="nofollow noreferrer">https://i.stack.imgur.com/kaDre.png</a></p>
  <p>HTML :
  <code>&lt;div [innerHTML]=&quot;description&quot; contenteditable=&quot;true&quot; class=&quot;form-control stnd-textarea&quot; id=&quot;controlDivTextArea&quot; name=&quot;note&quot; maxlength=&quot;4000&quot; (input)=&quot;validateDescription($event.target.innerHTML)&quot;&gt;&lt;/div&gt;</code></p>
  <p>CSS :</p>
  <pre><code>    -moz-appearance: textfield-multiline;
      -webkit-appearance: textarea;
      border: 1px solid gray;
      font: medium -moz-fixed;
      font: -webkit-small-control;
      height: 155px;
      overflow: auto;
      padding: 2px;
      resize: both;
      width: 500px;
  
  
  </code></pre>