[BUG] Error uploading a file without an input[type="file"] element

[garciallorente-fer]

Context:

• Playwright Version: 1.8.0
• Operating System: Windows 10 Pro
• Node.js version: 14.15.3
• Browser: Chromium
• Extra: Private WebPage

jest-playwright-preset

Code Snippet

const [fileChooser] = await Promise.all([
  page.waitForEvent('filechooser'),
  page.click('button[type=button]')
])
await fileChooser.setFiles('./src/uploads/uploadFile.xlsx')

Describe the bug

elementHandle.setInputFiles: Element is not attached to the DOM

      at Connection.sendMessageToServer (node_modules/playwright/lib/client/connection.js:69:15)
      at Proxy.<anonymous> (node_modules/playwright/lib/client/channelOwner.js:44:61)
      at node_modules/playwright/lib/client/elementHandle.js:151:40
      at ElementHandle._wrapApiCall (node_modules/playwright/lib/client/channelOwner.js:72:28)

Code Snippet

page.on('filechooser', async () => {
         const fileElement= await page.waitForSelector('[type="file"]', { state: 'attached' })
         await fileElement.setInputFiles('./src/uploads/uploadFile.xlsx')
 })
await page.click('button[type=button]')

Describe the bug

(node:19876) UnhandledPromiseRejectionWarning: page.waitForSelector: Protocol error (Runtime.callFunctionOn): Target closed.
=========================== logs ===========================
waiting for selector "[type="file"]"
============================================================

**
The webpage that I am trying to automate and use their upload document functionality has a button[type=button] that triggers a FileChooser Dialog, but there is no input[type=file] in the webPage, not even when opening the FileChooser after clicking that button (It doesn't seem to be created dynamically) as the element is not found at any stages of the automation.

I also tried to look for an element [type="file"] before and after opening the FileChooser and it doesn't find any.
**