Details
-
Bug
-
Status: Closed
-
Major
-
Resolution: Not A Problem
-
Adobe Flex SDK Previous
-
None
-
None
-
Affected OS(s): Mac
Affected OS(s): Mac OS 10.6
Browser: Firefox 3.x
Language Found: English
Description
Steps to reproduce:
Two instances I can reproduce every time. One is when scrollbars are on the application and the other is when a component is outside of a scroller component.
In this example place the cursor in to the name textfield. Next tab through the fields. The tab order is such:
1. Name field
2. Mail field
3. Website
4. Message
5. Unknown (scrollbar?)
6. Unknown (scrollbar?)
7. Notify checkbox
8. Submit button
9. Unknown
10. Unknown
11. Rotation button
Recycle to Name field
Tabbing appears to cycle into scrollbars
and then back out.
Example:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
color="#333333"
backgroundColor="#D5D5D5"
themeColor="#CCCCCC">
<s:Scroller id="scroller1" width="100%" height="100%" tabFocusEnabled="false" focusEnabled="false" >
<s:Group id="mainGroup1" tabFocusEnabled="false" focusEnabled="false" >
<s:Group tabFocusEnabled="false" focusEnabled="false" minHeight="1450" >
<s:Button id="resetRotation1"
x="200" y="2" label="Rotation"
toolTip="The rotated view is much less responsive than the non-rotated view."/>
<s:RichText id="commentStatus" x="0" y="10" text="Leave a Reply" fontWeight="bold" fontSize="16"/>
<s:HGroup y="35" verticalAlign="middle">
<s:TextInput width="170" id="nameText" />
<s:RichText text="Name (required)"/>
</s:HGroup>
<s:HGroup x="0" y="65" verticalAlign="middle">
<s:TextInput width="170" id="emailText" />
<s:RichText text="Mail (will not be published)"/>
</s:HGroup>
<s:HGroup x="0" y="95" verticalAlign="middle">
<s:TextInput width="170" id="websiteText" />
<s:RichText text="Website"/>
</s:HGroup>
<s:TextArea y="124" height="155" id="commentText" width="100%" />
<s:Button y="287" id="sendButton" label="Submit" right="10" />
<s:CheckBox x="10" y="287" label="Notify me of follow up comments via email" id="subscribeCheckbox"/>
</s:Group>
</s:Group>
</s:Scroller>
</s:Application>
In this second example place the cursor in the name field and then hit the tab key. The focus goes directly to the rotation button and remains fixed there.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
color="#333333"
backgroundColor="#D5D5D5"
themeColor="#CCCCCC">
<s:Button id="resetRotation1"
x="2" y="2" label="Rotation"
toolTip="The rotated view is much less responsive than the non-rotated view."/>
<s:Scroller id="scroller1" y="25" width="100%" height="100%" tabFocusEnabled="false" focusEnabled="false" >
<s:Group id="mainGroup1" tabFocusEnabled="false" focusEnabled="false" >
<s:Group tabFocusEnabled="false" focusEnabled="false" minHeight="1450" >
<s:RichText id="commentStatus" x="0" y="10" text="Leave a Reply" fontWeight="bold" fontSize="16"/>
<s:HGroup y="35" verticalAlign="middle">
<s:TextInput width="170" id="nameText" />
<s:RichText text="Name (required)"/>
</s:HGroup>
<s:HGroup x="0" y="65" verticalAlign="middle">
<s:TextInput width="170" id="emailText" />
<s:RichText text="Mail (will not be published)"/>
</s:HGroup>
<s:HGroup x="0" y="95" verticalAlign="middle">
<s:TextInput width="170" id="websiteText" />
<s:RichText text="Website"/>
</s:HGroup>
<s:TextArea y="124" height="155" id="commentText" width="100%" />
<s:Button y="287" id="sendButton" label="Submit" right="10" />
<s:CheckBox x="10" y="287" label="Notify me of follow up comments via email" id="subscribeCheckbox"/>
</s:Group>
</s:Group>
</s:Scroller>
</s:Application>
Actual Results:
tabbing does not work
Expected Results:
Workaround (if any):