When I try to use the tabnavigator component and add a TextInput into one of the view, TextInput is unable to be selected when I click on it. However, using tab in the keyboard can still select the textinput.
If I do not set the focusSkin: Embed(source=”assets/TextInput_focusSkin.png”);, the problem is gone.
I’ve made an example to duplicate the problem.
Environment:
Flash Builder 4
Flex 3.4 SDK
Browser: Firefox 3.5
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" viewSourceURL="srcview/index.html" > <mx:Style source="css.css"/> <mx:TabNavigator width="200" height="200"> <mx:Canvas label="Tab 1" width="100%" height="100%"> <mx:TextInput x="10" y="10" text="test1"/> </mx:Canvas> <mx:Canvas label="Tab 2" width="100%" height="100%"> <mx:TextInput x="10" y="10" text="test2"/> </mx:Canvas> <mx:Canvas label="Tab 3" width="100%" height="100%"> <mx:TextInput x="10" y="10" text="test3"/> </mx:Canvas> </mx:TabNavigator> </mx:Application> |
1 2 3 4 5 6 7 8 | /* CSS file */ TextInput { borderSkin: Embed(source="assets/TextInput_borderSkin.png"); focusSkin: Embed(source="assets/TextInput_focusSkin.png"); /*When I disable this, the focus problem gone*/ color: #444; fontFamily: Verdana; } |
Demo with source view: TextInputIssue.html
Recent Comments