Not showing focus state when using TAB navigation

12 posts, 1 answers
  1. Rob
    Rob avatar
    6 posts
    Member since:
    Sep 2008

    Posted 16 Sep 2008 Link to this post

    Hello,

    When I have a RadComboBox on a form with multiple other controls and I navigate through the form using the TAB-key, the RadComboBox get's focus, but visually the ComboBox remains in the unfocused state.

    It seems like the 'MouseOver' visaul state is set, but the 'Focussed' visual state is not set. Quite annoying if you have multiple RadComboBoxes on one page and like to navigatie using the TAB-key. You can't see which item you have focus on.

    Any ideas on how to fix this? I want the RadComboBox to light up when it gets focus, both on MouseOver and with Focus (using TAB).

    Thanks!
  2. Answer
    Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 16 Sep 2008 Link to this post

    Hi Rob,

    The problem is that when IsEditable = false, RadComboBox contains a ToggleButton, which has its IsTabStop property set to false, which prevents it from getting focus and properly displaying its focused state, which actually is the focused state of the combo box itself. The IsTabStop property has to be false, because otherwise, the button will get focus and will break the keyboard navigation logic of RadComboBox. We are aware of that problem and it will definitely be fixed in one of the next updates of RadControls for Silverlight before the official release in the beginning of November.

    As a temporary workaround I would suggest setting IsEditable=true and also IsReadOnly=true. This will slightly change the appearance of RadComboBox, but will "fix" the problem with the focused state.

    Sincerely yours,
    Valeri Hristov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. DevCraft banner
  4. Mark
    Mark avatar
    52 posts
    Member since:
    Sep 2007

    Posted 07 Feb 2009 Link to this post

    I'm having a similar issue where selecting an item in combobox  then hitting Enter progresses through the controls as intended, but hitting Tab (preferred) instead throws focus "somewhere" out in the brower, but not on any of the controls.  I'm using code like this in my OnSelectedIndexChange handlers:

     

    RadAjaxManager1.FocusControl(this.radtxtFirstName.ClientID + "_text");  
     

     

    Any thoughts?

     

    Thanks

    Mark

  5. Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 09 Feb 2009 Link to this post

    Hi Mark,

    I suppose that your question is about RadComboBox for ASP.NET. Could you please, post it in its forum
    http://www.telerik.com/community/forums/aspnet/combobox.aspx

    or, if I am mistaken, provide some more information about your scenario. In the best case this would be a simple sample application that could help us observe the problem.

    Regards,
    Valeri Hristov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  6. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 13 Nov 2009 Link to this post

    I just noticed that there are still no real Focused/Unfocused states for the combo box.The "FocusStates" visual state group is not present in the control template. Will this be adressed anytime soon?
  7. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 13 Nov 2009 Link to this post

    Oh, and there is also a problem with the suggested workaround: When IsEditable and IsReadOnly are true, the space bar no longer expands/collapses the combo box. Is there another way to open the combo box using the keyboard?
  8. Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 13 Nov 2009 Link to this post

    Hello Henrik,

    We are aware of the lack of focus states in the present version of RadComboBox. This is going to be fixed in the internal build next week and officially in SP1 in the beginning of December.

    Regarding the toggling the combobox dropdown with space in read-only editable mode - since the space could be used for autocomplete, we decided to stop using it for toggling the dropdown. You could use Page Down instead, when the dropdown is closed and Enter/Escape when the dropdown is open.

    Best wishes,
    Valeri Hristov
    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.
  9. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 13 Nov 2009 Link to this post

    Yes, I suppose you are right about the space bar. And I did not know that pagedown could be used, so that is OK. Nice to hear that the focus visual will be in place so soon. I also found the same issue in RadMenu, but I will write a separate post about that.

    Just a general accessibility question, not directly related to Telerik or even Silverlight: Do you know if the pagedown/pageup keys are commonly used for expanding/collapsing comboboxes etc? I mean, would a disabled person who use the keyboard exclusively be aware that these keys should be used for that purpose?

    Best regards,
    /Henrik
  10. Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 18 Nov 2009 Link to this post

    Hi Henrik,

    The standard WPF combo box uses F4 as a shortcut for opening the dropdown. If I remember correctly, we had problems with this shortcut in the early versions of Silverlight 2, hence we decided to use different shortcuts - Space and PgDown. I really don't know how comfortable and intuitive will be the usage of PgDown or F4, so I am open for suggestions. On the other hand, the Q3 combo has a property OpenDropDownOnFocus, which might be of help in your case.

    All the best,
    Valeri Hristov
    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.
  11. krishna surapaneni
    krishna surapaneni avatar
    38 posts
    Member since:
    Aug 2009

    Posted 19 Nov 2009 Link to this post

    Hi,
    I Suggest you to change the Visual State of the RadComboBox

    The following code is little bit helpful

     
     public class RdComboBox : RadComboBox 
        { 
            public RdComboBox() {  
            } 
            protected override void OnGotFocus(RoutedEventArgs e){ 
                base.OnGotFocus(e); 
                VisualStateManager.GoToState(this, "MouseOver", true); 
            } 
        } 

    and Use RdComboBox Instead of RadComboBox it shows the Focused State


  12. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 23 Nov 2009 Link to this post

    OpenDropDownOnFocus feels unexpected, at least to me. But I noticed that in the latest internal build you have fixed the FocusVisual and also the "toggle on spacebar" functionality. Personally I tend to always try the space bar first when something needs toggling. So thank you for that!
  13. hwsoderlund
    hwsoderlund avatar
    419 posts
    Member since:
    Aug 2006

    Posted 23 Nov 2009 Link to this post

    Krishna: Thanks for the tip!
Back to Top
DevCraft banner