Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: performing input.select() in IE11 throws a React error #20990

Closed
Dremora opened this issue Mar 12, 2021 · 4 comments
Closed

Bug: performing input.select() in IE11 throws a React error #20990

Dremora opened this issue Mar 12, 2021 · 4 comments
Labels
Browser: IE Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug Type: Bug

Comments

@Dremora
Copy link

Dremora commented Mar 12, 2021

The example below is extracted from the app with a spreadsheet-like UI, where cells become editable upon focus (can be achieved either by tabbing into the cells or clicking). The text in such cell immediately becomes selected.

The bug occurs only in IE11, as the user navigates from one such cell to another by clicking.
Likely related to #19664.

React version: 17.0.1

Steps To Reproduce

  1. Clone https://github.com/Dremora/react-i11-input-focus-bug
  2. Install dependencies (yarn) and start the app (yarn start)
  3. Open http://localhost:3000 in IE11
  4. Click on the text saying hello
  5. Click on the text saying world

Link to code example: https://github.com/Dremora/react-i11-input-focus-bug/blob/master/src/App.js

The current behavior

Unspecified error gets logged to the console, followed a few other errors, one of them being Should not already be working error. As this is a React internals error, application stops working. Nothing gets thrown in the user-land code.

The expected behavior

world text gets selected.

@Dremora Dremora added the Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug label Mar 12, 2021
@eps1lon
Copy link
Collaborator

eps1lon commented Mar 13, 2021

Codesandbox: https://codesandbox.io/s/serene-kapitsa-mw16s
Deploy for IE 11 testing: https://csb-mw16s.netlify.app/

Invariant is https://reactjs.org/docs/error-decoder.html?invariant=327

Console log when replaying:

SCRIPT16389: Unspecified error.
react-dom.production.min.js (123,157)
SCRIPT5022: Minified React error #327; visit https://reactjs.org/docs/error-decoder.html?invariant=327 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
scheduler.production.min.js (12,397)

The UI does not crash i.e. unmount.

@Dremora Dremora changed the title Bug: performing input.select() in IE11 causes React to crash Bug: performing input.select() in IE11 throws a React error Mar 13, 2021
@priyanshu-kun
Copy link

Hey! @Dremora, Is this bug still reproduce, If yes I want to work on this issue can you assign it to me?

@Dremora
Copy link
Author

Dremora commented Mar 17, 2021

Hey @priyanshuSharma-WebDev, the bug is still there, to the best of my knowledge. Feel free to pick it up, but I don't have permissions to assign anyone to this issue. This is likely reserved to React contributors.

@gaearon
Copy link
Collaborator

gaearon commented Mar 29, 2022

React 18 does not support IE, so we're going to close this.
Sorry.

@gaearon gaearon closed this as completed Mar 29, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Browser: IE Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug Type: Bug
Projects
None yet
Development

No branches or pull requests

4 participants