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] IE: textbox with IE's "clear" button #711

Closed
luisrudge opened this issue May 28, 2015 · 6 comments
Closed

[TextField] IE: textbox with IE's "clear" button #711

luisrudge opened this issue May 28, 2015 · 6 comments
Labels
component: text field This is the name of the generic UI component, not the React module!

Comments

@luisrudge
Copy link
Contributor

textbox-with-close-button

@WRidder
Copy link
Contributor

WRidder commented May 28, 2015

You need to provide more information. What browser version and OS are you using?

@luisrudge
Copy link
Contributor Author

Ops, sorry. Forgot to add my browser info:

image

@hai-cea hai-cea changed the title IE: textbox with IE's "clear" button [TextField] IE: textbox with IE's "clear" button Jun 19, 2015
@joewalker
Copy link

I think the solution is to add

input::-ms-clear { display: none; }

Found here: http://stackoverflow.com/questions/17196845/ie-10s-ms-clear-pseudo-element-and-ie5-quirks-mode
It does look really ugly on IE11

@bmueller-sykes
Copy link

Hi,

Just checking in here. What's the status of this issue? Will it find its way into a future release, or is it more complex than adding some version of the CSS declaration above?

@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 Oct 19, 2016
@ghost
Copy link

ghost commented Nov 16, 2016

Adding this to my css worked for me.

input[type=text]::-ms-clear { display: none; width : 0; height: 0; }

input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }

@oliviertassinari
Copy link
Member

We have discussed this issue in more depth in #5055.
It's fixed on the next branch. I'm closing the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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

7 participants