Tab key navigation does not work in HAccordion / VAccordion.

[nicoulaj]

Originally filed by etov...@gmail.com on 2010-08-24T18:41:36

What steps will reproduce the problem?

1. Run the attached application (testApplication.mxml).
2. On the first tab (flexlib.containers.HAccordion), the tab key does not function properly. Press the tab key from any of the form fields, and focus will shift to the TabNavigator.
3. The second tab (flexlib.containers.VAccordion) exhibits the same behavior.
4. The third tab (mx.containers.Accordion) behaves as expected.

What is the expected output?

Focus should move from form field to form field.

What do you see instead?

In the flexlib accordions, focus shifts to the parent component, rather than to the next child component.

Please use labels and text to provide additional information.

This file was compiled in Flash Builder 4 (build 272416), and the HTML file was served by Tomcat (version 6.0). The same behaviors are exhibited in both Mozilla Firefox (version 3.6.8) and Google Chrome (version 5.0.375.127).

I am in the process of converting a project from Flex 3 to Flash 4. These behaviors were not exhibited in the previous version of flexlib that was compatible with Flex 3.

[nicoulaj]

Updated by etov...@gmail.com on 2010-09-01T16:13:52

There is a workaround for this issue. The hasFocusableChildren property should be set to true. If you're running a local copy of flexlib, you can add this right to the HAccordion class. If you're just using the swc, you'll need to set this property at runtime (either in the MXML tag for the accordion or with ActionScript). Many, many thanks to Doug McCune for pointing this out!