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

[TextField] Right click + paste does not work properly in Internet Explorer #4490

Closed
lawrence-yu opened this issue Jun 13, 2016 · 1 comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!

Comments

@lawrence-yu
Copy link

Problem description

Using Right-click + Click "Paste" on a TextField in Internet Explorer will result in undesired behavior that suggests an onChange event is not properly fired. Note: Ctrl-v will not encounter this issue.

  1. If the text field has hint text, then the hint text will not disappear when the new value is pasted. The new text will simply appear on top of the hint text.
  2. If the text field is a controlled component, then if you paste a new value with this method and click away from the text field, the text will be set back to the previous value.

However, if you TAB away from the text field after pasting, the behavior will be correct. (ex. the hint text will disappear and the new value will be accepted).

Steps to reproduce

  1. Go to http://www.material-ui.com/#/components/text-field in Internet Explorer.
  2. Copy a new piece of text.
  3. Right click in one of the text fields.
  4. Select "Paste" in the context menu.
  5. Observe behavior described above in "Problem Description"

Versions

  • Material-UI: v0.15.0
  • React: ^15.0.0
  • Browser: Internet Explorer 11 (exact 11.0.9600.18282)
@lawrence-yu lawrence-yu changed the title [TextField] Right click + paste does not work in Internet Explorer [TextField] Right click + paste does not work properly in Internet Explorer Jun 13, 2016
@mpontikes mpontikes mentioned this issue Aug 5, 2016
13 tasks
@oliviertassinari oliviertassinari added the component: text field This is the name of the generic UI component, not the React module! label Oct 19, 2016
@oliviertassinari oliviertassinari added component: text field This is the name of the generic UI component, not the React module! and removed component: text field This is the name of the generic UI component, not the React module! labels Dec 18, 2016
@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label May 16, 2017
@oliviertassinari
Copy link
Member

I would expect the same behavior with a native input. it's most likely an issue with React or IE.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

2 participants