title: Can't fill in the Hidden text area element
body: <p>F1, need some help or hints with <strong>Hidden element</strong> using Robotframework.<br>
  The problem consist that to fill any text in the text area, I need to change the state of text area from <code>display:none;</code> <code>to display:block;</code></p>
  
  <p><a href="https://i.stack.imgur.com/TAXdh.png" rel="nofollow noreferrer">Needed text area for input</a></p>
  
  <p><a href="https://i.stack.imgur.com/ZQaCE.png" rel="nofollow noreferrer">Code that I see from WebDev Tool</a></p>
  
  <p>The code itself:</p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
  &lt;div class="cazary" style="width: 664px;"&gt;
      &lt;div class="cazary-commands-wrapper"&gt;
          &lt;ul class="cazary-commands-list"&gt;
              &lt;li unselectable="on" title="Size" class="cazary-command-fontsize"&gt;Size&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="cazary-commands-list"&gt;
              &lt;li unselectable="on" title="Foreground Color" class="cazary-command-forecolor"&gt;Foreground Color&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="cazary-commands-list"&gt;
              &lt;li unselectable="on" title="Background Color" class="cazary-command-backcolor"&gt;Background Color&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul class="cazary-commands-list"&gt;
              &lt;li unselectable="on" title="Remove Format" class="cazary-command-removeformat"&gt;Remove Format&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;iframe class="cazary-edit" src="javascript:" style="height: 39px;"&gt;&lt;/iframe&gt;
      &lt;textarea id="summernote" class="required-preview field cazary-source" placeholder="Tell us all about your Advertisement. This description will be prominently displayed in your Advertisement notice. Feel free to adjust the fonts and background colour too." name="observations" cols="50" rows="10" style="display: none;"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>My Robotframework code tries:</p>
  
  <pre><code>Select Frame      //iframe[@class="cazary-edit"]
  # First try
  Input text      //textarea[@id="summernote"]    ${UniversalVariableforName}
  # Second try
  Input text      //iframe[@class="cazary-edit"]    ${UniversalVariableforName}
  # Third try
  Input text      //div[@class="cazary"]//iframe[@class="cazary-edit"]    ${UniversalVariableforName}
  # Fourth try
  Input text      //body[@class="empty"]    ${UniversalVariableforName}
  # Fifth try
  Input text      //iframe[@class="cazary-edit"]//body[@class="empty"]    ${UniversalVariableforName}
  </code></pre>
  
  <p>Errors that were returned:
  <a href="https://i.stack.imgur.com/Wrc0y.jpg" rel="nofollow noreferrer">image</a></p>
  
  <p>May be there is a solution with <em>Execute Javascript</em> keyword?</p>