focus is not going to h:selectonemenu on pressing tab key

I am working on jsf 1.2 and IE6. Actually when I tab through the screen and clicks on some component like textfield, calendar etc then tab is not going to the drop downs. If I select any components in the screen then tab order is lost for h:selectOneMenu drop down. Please help me to fix this issue. Thanks in advance.

The core JSF "h" tags all have raw HTML equivalent controls that they generate and the tab support is the same.

I think you may be expecting a dropdown list to automatically display when you tab to the dropdown control, but in most browsers it doesn't do that - you have to press the Down Arrow key after tabbing to it.

Customer surveys are for companies who didn't pay proper attention to begin with.

Nishant Chauhan
Greenhorn

Joined: May 31, 2012
Posts: 5

posted May 31, 2012 21:12:16

0

Hi Tim & all my friends

Thanks Tim for your response to my first post in this forum. Actually my query is different. Ok let me explain it again. lets assume we have following components in the screen-

Now if we navigate to the screen and start pressing tab key then tab focus is going to each component according to the tabindex, means first tab focus will go to the textfield then calander then drop down then button. In this case tabbing is working fine.

But if i enter some text in the textfield and press tab key then focus is going to the next calander component as expected but if i press tab again then it is skipping the drop down (h:selectOneMenu) and focus is going to the button and if again i press tab then focus is going to the drop down.

Same problem is happening if i select date in the calander also.

Finally the thing i am not getting here the tab order is lost for drop down only if any component is clicked in the screen.

Nishant Chauhan
Greenhorn

Joined: May 31, 2012
Posts: 5

posted Jun 02, 2012 20:32:03

0

Hi all

As I mentioned earlier that tab key is skipping drop downs if I select date or enter some text in the text field,what I found here is if I re-render the drop downs on date selection or on enter text in textfield then focus is going to the drop downs according to the tabindex. But why focus is Going to dropdown if we re-render it. I checked tabindex in the view source code before and after re-rendering drop down and its showing same tabindex as what we hard coded in the jsp page. Now my question is if tabindex is same before and after re-rendering drop downs then why tabindex is working after re-rendering drop down.

There's not much help I myself can give anyway. I don't even run Windows myself, and when I do have to work with a Windows machine, they've all been upgraded to IE8 or later. Overall, I'd say that it should be far, far more urgent to get off of IE6 than to worry about tabbing. Even Microsoft doesn't love IE6 any more.

When you do an full or partial re-render of a page, the current tab position is likely to be lost. And when you have selected a text-editing control, the tab may not work while that control is accepting keystrokes for input text. That's about all I can tell you.

Nishant Chauhan
Greenhorn

Joined: May 31, 2012
Posts: 5

posted Jun 04, 2012 10:52:12

0

Thanks for responding again TIM.

As you mentioned that tabindex will be lost after partially or fully re-rendering the page, I am agree but For your information I am doing a4j support ajax calls for each component and retaining/setting focus back to the component after the call. So focus will not be lost.

Anther thing IE 6 that is application requirement. I do not have options.

So now my question again why focus is going to the re-rendered drop down. Is this a bug.

Nishant Chauhan
Greenhorn

Joined: May 31, 2012
Posts: 5

posted Jun 07, 2012 11:15:04

0

Dear friends

I still did not find any solution. Now this issue became a known issue of my application. Is there any trick to fix this issue. Have anyone faced this issue earlier. All suggestions are welcome.