CheckBox Focus Indication

2 posts, 0 answers
  1. That Guy
    That Guy avatar
    2 posts
    Member since:
    Oct 2009

    Posted 13 Oct 2009 Link to this post

    Good Day Madams and Sirs,

    Once again, if this is a repeat post, guide me to an answer, thank you.

    FF vs IE.

    When using  the FormDecorator on a page, all skins/styles are applied and working.  However, in Firefox, the application of a skin/style to a CheckBox kills the focus indication (the added border no longer shows on focus).  The mouseover works fine in both browsers.

    This can be tested in the demos for the FormDecorator here:

    Is there anyway to prevent the focus indication from being removed?
  2. Martin
    Martin avatar
    585 posts

    Posted 16 Oct 2009 Link to this post

    Hi That Guy,

    The issue you are experiencing is not related to RadFormDecorator, but rather it has to do with how browsers work - in IE8, the focus is set to the control itself, not to its (if such) <label />. Probably you have noticed that RadFormDecorator hides the real checkboxes and radiobuttons and manipulates their <label /> by swapping "checked" and "unchecked" images, so when you tab to the skinned element, it is actually focused, but the focus dots are not visible because the real control is not visible either.

    In older IE versions and in all other browsers, the focus is set either to the <label /> or both to the <label /> and to the control itself, and this is why tabbing works as expected.

    At present i cannot give you a solution for IE, however we are thinking of a workaround and once we got it, we will implement it in RadFormDecorator itself.

    Best wishes,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft R3 2016 release webinar banner
Back to Top