IE10's “clear field” X button support?

6 posts, 0 answers
  1. Ralf
    Ralf avatar
    77 posts
    Member since:
    Jun 2012

    Posted 04 Mar 2014 Link to this post

    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
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 07 Mar 2014 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ralf
    Ralf avatar
    77 posts
    Member since:
    Jun 2012

    Posted 10 Mar 2014 in reply to Boyan Dimitrov Link to this post

    Hello Boyan,

    thak you for Information.

    Does Telerik controls support this button in the near future?

    regards,
    Ralf
  5. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 12 Mar 2014 Link to this post

    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.

     
  6. Ralf
    Ralf avatar
    77 posts
    Member since:
    Jun 2012

    Posted 12 Mar 2014 in reply to Boyan Dimitrov Link to this post

    Hello Boyan,

    thank you for Information.

    Best regards,
    Ralf
  7. Corey
    Corey avatar
    1 posts
    Member since:
    Jun 2015

    Posted 10 May Link to this post

    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>

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017