Can't click to select icon in folder browser in Firefox

[1j01]

In the Windows Explorer app, single-clicking isn't working to select a file or folder.

• Selecting desktop icons works fine; this is only a problem in the Explorer app, apparently due to nested iframes used by the Explorer app, one for the app, and one for the folder view or webpage.
• It works fine in Chrome. An error is thrown in Firefox on Windows 11. Haven't tested other operating systems yet.
• This was broken when introducing nested iframes to the file explorer in https://github.com/1j01/98/commit/0c7a9e7d3c3
• I have a fix for this already, but I'm still researching the issue.

The error in Firefox is:

Uncaught TypeError: item_el_to_select is undefined
    select_item http://127.0.0.1:1998/src/FolderView.js:719
    setTimeout handler*select_item http://127.0.0.1:1998/src/FolderView.js:718
    FolderView http://127.0.0.1:1998/src/FolderView.js:464
    (jQuery x7...)
    FolderView http://127.0.0.1:1998/src/FolderView.js:461
    FolderView http://127.0.0.1:1998/src/FolderView.js:542
    go_to http://127.0.0.1:1998/programs/explorer/explorer.js:228
    async* http://127.0.0.1:1998/programs/explorer/explorer.js:1001
    setTimeout handler* http://127.0.0.1:1998/programs/explorer/explorer.js:999
    (jQuery x8...)

[1j01]

So, instanceof is definitely inconsistent between Chrome and Firefox.

I created a simple test fiddle to demonstrate the difference.

Demonstration Code

```js // Create an iframe element var iframe = document.createElement('iframe'); // Add the iframe to the page iframe.style.width = '300px'; iframe.style.height = '150px'; document.body.appendChild(iframe); iframe.onload = function() { var outerDocument = document; var innerDocument = iframe.contentDocument || iframe.contentWindow.document; // Create an element within the context of the outer document var outsiderElement = outerDocument.createElement('div'); outsiderElement.textContent = 'Outsider Element'; // Create an element within the context of the inner document var insiderElement = innerDocument.createElement('span'); insiderElement.textContent = 'Insider Element'; // Append both elements to the iframe's document innerDocument.body.appendChild(outsiderElement); innerDocument.body.appendChild(insiderElement); // Log whether each element is an instance of Element console.log('outsiderElement instanceof Element:', outsiderElement instanceof Element); console.log('insiderElement instanceof Element:', insiderElement instanceof Element); console.log('outsiderElement:', outsiderElement); console.log('insiderElement:', insiderElement); }; iframe.src = 'about:blank'; ```

I concluded that:

• In Firefox (version 127.0), the element is considered an instance of the Element class of the document that it's appended to.
• In Chrome (version 126.0.6478.127), the element is considered an instance of the original scope's Element.

Then I searched and found this relevant bug, which has been open for 6 years: Consider to not change prototype when adopting nodes