title: Playwright force click on hidden element does not work
body: <p>I am using Playwright for end to end testing. One of the scenario involves checking the content of a pdf displayed in a PDFviewer window, for which download button have been hidden for the end user. Checking the pdf content involves downloading it, thus I used
  the <code>force</code> option mentionned by Playwright documentation :
  <a href="https://playwright.dev/docs/api/class-page#page-click" rel="nofollow noreferrer">https://playwright.dev/docs/api/class-page#page-click</a></p>
  <p>The implementation used is the following :</p>
  <pre class="lang-js prettyprint-override"><code>innerFrameContent.click(&quot;//button[contains(@id, 'secondaryDownload')]&quot;, { force: true })
  </code></pre>
  <p>(the xpath is correct, I checked within Chrome browser and managed to click on the element through the console )</p>
  <p>Unfortunatly, I get the following exception log from Playwright :</p>
  <pre><code>frame.click: Element is not visible
  =========================== logs ===========================
  waiting for selector &quot;//button[contains(@id, 'secondaryDownload')]&quot;
    selector resolved to hidden &lt;button tabindex=&quot;54&quot; title=&quot;Download&quot; id=&quot;secondaryDown…&gt;…&lt;/button&gt;
  attempting click action
    waiting for element to be visible, enabled and stable
      forcing action
    element is visible, enabled and stable
    scrolling into view if needed
  ============================================================
  ...
  </code></pre>