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

Textarea placeholder isn't shown in IE 11 being rendered using React #8546

Closed
Lkroner opened this issue Dec 10, 2016 · 10 comments
Closed

Textarea placeholder isn't shown in IE 11 being rendered using React #8546

Lkroner opened this issue Dec 10, 2016 · 10 comments
Assignees

Comments

@Lkroner
Copy link

Lkroner commented Dec 10, 2016

Do you want to request a feature or report a bug?
Bug

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template: https://jsfiddle.net/reactjs/69z2wepo/).
Textarea does not display placeholder text initially. The placeholder text is only shown after focus and focus-away. Ie11 only. Works on all other browsers I believe, go figure.
I believe this issue was solved before but seems to have come back.

PR that originally fixed the issue: #8020

What is the expected behavior?
Placeholder text should initial show on render.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
React 15.4.1, ie11. Looks like it [was working in 15.2].(http://stackoverflow.com/questions/36893449/textarea-placeholder-isnt-shown-in-ie-11-being-rendered-using-react)

@aweary
Copy link
Contributor

aweary commented Dec 10, 2016

Thanks for the report @Lkroner, can you share a small test case reproducing the issue? You can use https://jsfiddle.net/reactjs/69z2wepo/ as a starting point.

@Lkroner
Copy link
Author

Lkroner commented Dec 10, 2016

Here you go @aweary 😄 https://jsfiddle.net/69z2wepo/64790/

@aweary
Copy link
Contributor

aweary commented Dec 10, 2016

Thanks! What OS are you testing on? I'm actually not able to reproduce this issue with IE11 on Windows 8.1, but I can reproduce it with IE11 on Windows 10

@Lkroner
Copy link
Author

Lkroner commented Dec 10, 2016

Yep using Browserstack, windows 10 ie11

@aweary
Copy link
Contributor

aweary commented Dec 10, 2016

Thanks, looks like this is a separate issue with IE11 on Windows 10. I'll take a look at this when I get a chance!

@Lkroner
Copy link
Author

Lkroner commented Dec 10, 2016

Thank you! I realize it's a minor nuisance so thanks for taking a peak at it.

@aweary aweary self-assigned this Dec 10, 2016
@gaearon
Copy link
Collaborator

gaearon commented Jan 6, 2017

@aweary So should this have been fixed by #8020 or not? Or are these separate issues?

@aweary
Copy link
Contributor

aweary commented Jan 6, 2017

@gaearon it seems like two separate issues, #8020 fixes the issue in IE11 on Windows 8.1 (what I tested with) but apparently it doesn't fix it for IE11 in Windows 10. I'm not entirely sure why.

@aweary
Copy link
Contributor

aweary commented Jan 6, 2017

@gaearon I'll test it all again here in a few minutes and report back

@aweary
Copy link
Contributor

aweary commented Jan 6, 2017

@gaearon tested with https://jsfiddle.net/69z2wepo/64790/ in IE11 on Windows 8 and Windows 10 and the placeholder is rendered correctly. I'm not sure what was happening before, probably user error on my part. Either way, this resolved 👍

@aweary aweary closed this as completed Jan 6, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants