This is a migrated thread and some comments may be shown as answers.

IE10's “clear field” X button support?

7 Answers 164 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ralf
Top achievements
Rank 1
Ralf asked on 04 Mar 2014, 11:21 AM
Hi,

if I have designed a search page using Telerik controls and show this page using IE10/11 each input field (TextBox, ComboBox) has a clear (X) button inside. When I 've entered some text and click onto "Search" the page postback and my code behnd is working. After the postback was finished, the value I have entered will be shown in my search field. When I click the IE10 clear (X) button, the search field will be cleared. But when I click "Search" again, after the postback the value will be shown. Why? Does Telerik controls not support the IE clear button?
And if not, how to hide this button.

::-ms-clear { display: none; } is not working if document mode was fixed to IE8 for specific reason.

Any help?

Regards,
Ralf

7 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 07 Mar 2014, 10:48 AM
Hello Ralf,

Thank you for contacting Telerik Support.

I would like to clarify that showing this "clear field" for input elements is browser behavior. I would like to confirm that the only workaround is to use the following styles
.rcbInput::-ms-clear {
    display: none;
}

Since this is not supported style selector for I9 or older this workaround will not hide the "clear field"  on IE8. It is not a DOM element that could be hidden or manipulated.


Regards,
Boyan Dimitrov
Telerik

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

0
Ralf
Top achievements
Rank 1
answered on 10 Mar 2014, 06:23 AM
Hello Boyan,

thak you for Information.

Does Telerik controls support this button in the near future?

regards,
Ralf
0
Boyan Dimitrov
Telerik team
answered on 12 Mar 2014, 01:31 PM
Hello Ralf,

Thank you for your reply.

I would like to clarify a very important thing about this "clear field" button. As I mentioned in my last response due to this element specifics ( it is not a real DOM element) we can not subscribe for an event and execute some custom logic. So in this case hiding this button with css is the only solution for this case.



Regards,
Boyan Dimitrov
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Ralf
Top achievements
Rank 1
answered on 12 Mar 2014, 01:54 PM
Hello Boyan,

thank you for Information.

Best regards,
Ralf
0
Corey
Top achievements
Rank 2
answered on 10 May 2016, 04:07 PM

This did not work for me with RadNumericTextBox and RadDatePicker. I had to use the following, which worked:

<code>

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

</code>

0
Kiran
Top achievements
Rank 2
answered on 14 Feb 2019, 03:02 PM

Hi,

May I know how to achieve getting the 'x' in all my Telerik user typeable fields. I get these by default in IE but not in Google Chrome. I set my rcb to mark first match = true. 

Thank you.

0
Peter Milchev
Telerik team
answered on 19 Feb 2019, 09:17 AM
Hello Kiran,

The clear button is browser specific feature and is enabled by default in Internet Explorer for all <input /> elements. The input controls in the UI for ASP.NET AJAX suite that has such a button implemented for all browsers are the DropDownTree and MultiColumnComboBox.

Regards,
Peter Milchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
Ralf
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Ralf
Top achievements
Rank 1
Corey
Top achievements
Rank 2
Kiran
Top achievements
Rank 2
Peter Milchev
Telerik team
Share this question
or