Search Cancel Button in IE10 #122

Closed
zdfs opened this Issue Sep 5, 2012 · 14 comments

5 participants

@zdfs

Not sure this would be considered an issue, but I've found that in IE10, a search cancel "x" shows up in similar fashion on input[type="search"] as it does for Chrome and Safari. To remove, we could do something like this:

input[type="search"]::-ms-clear {
    display: none;
}

If this is something we'd like to do, I'd be more than happy to submit a pull request.

@zdfs

Correction: the "x" shows up for any sort of input field. So this would be more appropriate:

input::-ms-clear {
    display: none;
}
@necolas
Owner

When IE 10 is officially released, we'll take a general look at what normalizations will be worth adding. Thanks.

@zdfs

Makes sense. Thanks.

@necolas
Owner

I can't test in IE 10 at the moment. I'd generally be in favour of leaving new UI stuff untouched. The only reason the webkit one was removed was because it looked all messed up when you tried to correct more important bugs related to the search input.

@zdfs

Ok. I can see your point.

@necolas necolas closed this Feb 4, 2013
@davidmurdoch

I just ran into this one on IE10. It might be a good time to revisit this?

@necolas
Owner

What's there to revisit?

@davidmurdoch

I just wasn't expecting the "x" to be there in IE since it wasn't there in FF, Chrome, Safari, or Opera.

@necolas
Owner

OK, my previous comment covers that #122 (comment)

@davidmurdoch

Ok, sorry to bring this back to life. I was just thinking it'd be worth checking again based on the project's description:

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently...

shrug

p.s., I really don't mean to sound like a dick by quoting your own project's description, so please don't take it that way. :-)

@necolas
Owner

It's cool David :), that's why I wrote "more consistently" -- because it's not absolute. If a browser has an enhancement, I don't want to removing it unless it contributes to other significant UI/styling issues (like the WebKit cancel button implementation currently does).

@redbmk

Are the styling issues from WebKit still posing an issue? It's been a year since any discussion has taken place on the matter, so I'm thinking some of the implementation may have changed. It seems like having a clear button on text fields is becoming pretty standard. If it doesn't make sense to remove the clear button from IE10+, would it make sense to add them back in for other browsers? It would be nice to have the functionality and styling be consistent between all major browsers.

@thezoggy

you can easily just add a clear button via js if you want it?

@redbmk

If I added a clear button via javascript, then IE would have two. For my project I've used css to remove the clear button in IE. I suppose I could remove the native button and add one in using JS, but it seems a bit messy when the browsers natively support the feature.

@niksy niksy referenced this issue in niksy/rationalize.css Oct 17, 2014
Closed

Remove clear button for search on IE #7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment