NotFoundError: Failed to execute 'removeChild' on 'Node', when trying to access using `SpreadsheetAccess` login form

[elboletaire]

How to reproduce:

• Use Google Chrome for this (only reproducible in Google Chrome)
• Access a spreadsheet process login form
• Ensure Google Chrome is currently translating the page using its integrated translation feature
• Try to login
• When you click on the button, the app crashes with the error (mentioned in the issue title).

Apparently related to the use of fragments, although in that part there aren't many: https://github.com/facebook/react/issues/17256

[elboletaire]

Tried to fix in dc47d548ff86d77e0cd9ac661e8b7731f06954b1, I thought it worked, but it was some kind of false positive, since after creating the version it didn't work properly agian.

The problem is with chakra-ui's Button component when loading (yes, only when loading).

I've created a very simple example in codesandbox, but using the included explorer does not properly translate, so it won't crash there. But you can still copy-paste the URL of that browser to google chrome in a new tab, and you'll see it crashes there:

https://codesandbox.io/p/devbox/25kfq2

Right now that url renders as, not sure how frequently they refresh so you may need to access the codesandbox to get it instead: https://25kfq2-5173.csb.app/

[elboletaire]

Created an issue in chakra-ui project https://github.com/chakra-ui/chakra-ui/issues/8238

[elboletaire]

Fixed in #137