Flex :: Custom TextInput Component Loses Focus But Still Contains Cursor?
Oct 29, 2011
I have a custom TextInput that listens for the FocusEvent.FOCUS_IN and FocusEvent.FOCUS_OUT events:
textDisplay.addEventListener(FocusEvent.FOCUS_IN, onFocusInHandler);
textDisplay.addEventListener(FocusEvent.FOCUS_OUT, onFocusOutHandler);
My onFocusInHandler function basically removes a "promptview" that tells the user to type in a value, with the onFocusOutHandler doing the opposite.
For example, if the TextInput text was backspaced to a blank value and the user clicks out of the TextInput box, it would show a "Please enter a value" light-gray prompt in the TextInput.
This works fine until the user clicks our custom "Clear" button. The clear button sets the text to "", and I can tell the FocusEvent.FOCUS_OUT is received because the prompt text is set to visible (its not being set anywhere else). The problem is, the cursor remains in the box as if it still has focus, so if the user immediately starts typing, both the prompt text "Please enter a value" and the user-entered text appears over the gray text, which looks pretty ugly and unreadable.
Why does the TextInput receive the FocusEvent.FOCUS_OUT event if it's not actually losing focus?
View 1 Replies
Similar Posts:
Jul 23, 2009
I am a Flex newbie and I am testing a little application that simulates a cart. (It is based on a nice sample by Farata Systems' Yakov Fain).Note: I am using the beta of Flash Builder 4 to code the application.Here you have a link to the screenshot:Screenshot(Sorry I can't insert the image of the screenshot right here since stackoverflow doesn't allow new users to use image tags.)The application is very simple. You type a product in the TextInput control and then click on the "Add to cart" button to add it to the "cart" which is represented by the TextArea at the bottom.
That works ok.The problem is that I also want the user to be able to keep adding items to the cart without having to click on the "Add to cart" button. So, I added code to handle the enter event of the Textput by calling the same handler function triggered by the "Add to cart" Click event.If you type some content and then click the "Add to cart" button, the TextInput control receives the focus and the cursor, so you can type again.
However, if you hit enter, instead of clicking the button, the TextInput control keeps focused and you can see the cursor beam, but you can not enter text until you click elsewhere and come back to the control.Below you can see the relevant part of the code, with the definition of the component that groups the three controls at the top (Label, TextInput, Button).
<?xml version="1.0" encoding="utf-8"?>
<fx:Script>
<![CDATA[
[code]........
View 3 Replies
Mar 18, 2010
I am making use of a custom cursor on itemRenderers in a List component. The custom cursor works just fine except when I mouse over the Text component which is a child of the itemRenderer at which point I get two cursors, the custom and an iBar one on top of the other.Here's the code:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
[code].....
View 2 Replies
Nov 28, 2011
I'm currently building a Flex 4.5 mobile project including several views and custom written MXML components that can be incorporated dynamically into those views.How do I determine which component currently has focus, namely has been activated by the user tapping on it? The background for this is a global search function in the main application. Depending on the results of this search, fields in the custom components are set. Given that I don't want all components in a view to listen to the outcome of that search function, I have to check which one is currently active.I'm trying to bind the selected object (the result from the search function) to the active component.
View 1 Replies
Mar 26, 2010
I created a custom component that is a s:SkinnableContainer. I want the background and other items to fade out when this component is visible. Something similar to what happens when calling Alert.show(..) so the Alert box is in focus and everything else is faded out.
View 2 Replies
Jan 31, 2010
I have a project where a big part of the UI a notebook, where the user enters text in a number of fields, for which it uses a series of TextInput components.Once the notebook is filled in the user switches to a screen where the inputs are disabled and they compare what they wrote to a 'model answer'.The problem is that the last TextInput to have focus at the time of disabling retains it - it appears disabled (greyed out etc) but if you type the letters appear in the field.I have tried variations on Selection.setFocus(null), and it seems that Selection.getFocus() returns null/undefined, but can still type into it. I can't select any of the other textfields, and clicking on other interactive elements - bottons etc doesn't seem to want to remove focus either.
UPDATE - Just to make sure there wasn't something crazy happening particular to this project, if I make a nude flash movie with a textInput and a button, then make the button set theTextInput.enabled = false, I can still type into the field. I can't see any way that's a feature.
View 2 Replies
Sep 16, 2010
I have done an ovveride of the standard TextInput component In this component I have :
addEventListener( FocusEvent.FOCUS_OUT, handleFocusOut ); My method is trigerred when the field loose focus for another field (nice)Problem : It is trigerred alose when the whole flex application lose focus (when my field has the current focus inside my form)
View 2 Replies
Jan 15, 2011
My Sprite class keeps losing focus when I click with the mouse - specifically after the MOUSE_DOWN event (before the click is complete).
I have set mouseEnabled to false on the children, no change. I added a listener for FOCUS_OUT and noticed that the FocusEvent.relatedObject property is NULL, which is confusing me - doesn't that mean there is no new focus target, the focus is just getting lost?
The exact sequence of events I get, by tracing them, as I click:
[FocusEvent type="focusOut" bubbles=true cancelable=false eventPhase=2 relatedObject=null shiftKey=false keyCode=0]
[MouseEvent type="mouseDown" bubbles=true cancelable=false eventPhase=2 localX=355
[Code]....
View 2 Replies
Jul 13, 2009
Does anyone know how to do this in AS3?
View 3 Replies
Dec 22, 2009
On my application I have a login form. On application start, I want the focus/selected one is set on the user id textinput. I tried normal setFocus method and didnt worked. How can i make it work?
View 1 Replies
Jul 29, 2010
In flex, I am using the following:
mx:TextInput mouseOver="tester(event)"
It works fine. My pointer goes over the textInput and it calls the function. But when I click inside the textInput to enter some text( focus is on the textInput) and then move the mouse (not taking mouse pointer outside of the boundary of textinput), the mouseover event is not trigerred.
If I use click event, then even if I am entering text ( or the focus is on the textinput) and then click, it will call the function.
How can I call the tester function on mouseover when the focus is on textInput?
View 1 Replies
Mar 20, 2009
I have TextInput with formatting applied. I want the TextInput disabled after the user enters an answer. But disabling the field causes the formatting to disappear. Is there a way to maintain text formatting and still disable the input
Code:
import fl.controls.TextInput;
var myTextInput:TextInput = new TextInput();
[code]......
View 4 Replies
Jul 27, 2010
I'm trying to have a popup window with an immediately editable TextInput. This means that the user should be able to type inside the TextInput once the popup is displayed.
The problem is that I can't focus on the textInput. What happens is that when pressing a key for the first time, no text is inserted, only after a second key is pressed does the component gain focus and the user is able to type. For instance, typing "test" once the popup opened results in "est" being displayed...
For some reason the component only gains focus when the user explicitly clicks on it or types something. Programmaticaly setting the focus does not work.
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns="mog.miss.component.*" xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
[Code].....
View 3 Replies
Jan 15, 2012
I have a mobile application that has a Text Input used for searching. Below the search TextInput is a StageWebView. When I set the source of the StageWebView using loadURL() the key input is shifted to the StageWebView. How can I prevent this?
View 2 Replies
Jun 11, 2009
I have having a problem in my flex/air application, in which when the left mouse button is clicked on a TextInput the focus is stolen by the parent. So in more detail I have an hierarchy as follows...
[Code]...
View 2 Replies
Apr 21, 2011
How to place cursor in a text input when user login form comes. I want cursor place in username text input.
View 3 Replies
Jun 8, 2010
Creating a flash project where I need to hit TAB in order for the playhead to go forward a frame. Then I need the user to hit a letter (for example hit 'a') to move forward again. Hitting the above keys is working,
As soon as the user hits TAB, flash seems to lose focus to the browser, and the user has to click on the swf on the screen before they can proceed.
View 0 Replies
Sep 15, 2009
i have this problem. ive made this simple animated menu for a webpage, buttons do stuff on ROLL_OVER, and everything is great, but when menu is scrolled of screen and then goes back it loses focus and ROLL_OVER doesnt work until i click anywhere on my menu gotta finish this quick or they might want their money back
View 3 Replies
Sep 15, 2011
I need to handle diagraphs and then convert them on the fly to the proper unicoderepresentation. For example when the user types in:SxMy app needs to replace it with:ow, I've been able to do the replacement no problem. The issue though is that once I've done the replacement, the cursor goes to the beginning of the textbox rather than the end.As I'm trying to update the user's text on the fly, this obvious doesn't work.
View 3 Replies
Mar 21, 2011
I am unable to replicate this issue in Flash - only in a browser window. It appears that if I lose focus of that window for a period of time or scroll down the page where the embedded flash isn't visible, when I scroll back up or return to the window, the event timers appear to play catch-up.The timed "removeChild" commands do not run and leave remnants on the stage. I do not get any errors however, and everything else seems to continue running as normal.
ActionScript Code:
// XML File:
<?xml version="1.0" encoding="utf-8"?>
[code]....
View 0 Replies
Feb 20, 2012
I'm working on a simple auto complete function for my Flex mobile app. For that I've got a CalloutButton that triggers a Callout.The Callout holds some lists from which the user can select items. On item select, the callout gets closed (calloutButton.closeDropDown())The very same behavior is done for a TextInput. The user inputs text, the callout opens and according to the entered text, the lists change. Works fine so far. Now, when the user selects an item from any of the lists, the callout closes. Also fine.Now the issue, after the callout is closed, the TextInput automatically regains focus.On a mobile device this is more than disturbing.
I narrowed this behavior down to the mobile TextInput skin spark.skins.mobile.TextInputSkin) since a TextInput without this skin class doesn't show this behavior.Now you might say just use the default skin instead but unfortunately I can't. The default skin has a bug with Android devices that doesn't pass though the enter event. That I could live with since I'n not necessarily dependent on the enter event, however, the spark mobile skin allows be to continue entering text in the TextInput even after the callout has been opened, which is desperately needed as the lists change according to the entered text.I can't provide any code as the problem has been narrowed down to the skinClass, thus should not be in my own code. Believe me, I tried every nice and not so nice method to prevent the TextInput from getting focus again, but nothing worked.
Edit:Below the steps of my application's behaviour. (to be fair, the workflow inside the callout is a little more complex, I'm working with several lists and a SplitViewNavigator here (thus can't use the Flextras autocomplete), but that doesn't affect the TextInput focus issue I'm facing).ter text in TextInputOn key change a Callout with two Lists is opened.The first List receives results according to the entered text from a webserviceUser selects item from listSecond list receives results according to selection from first list from webservice User selects item on second listCallout closes
View 1 Replies
Sep 12, 2009
I have this SWF that is pulling videos from YouTube through their API. Everything is working nicely until I go to another browser tab or cause the window the SWF is in to lose focus otherwise (largely by using any program aside from the browser). When I return to the tab/window that the browser is playing in, if I have been away for anything over like 20 seconds, the time text that indicates where the play head is plays catchup jumping over 3-5 seconds at a time. While the video is not making these jumps, what is happening is that any buttons for controlling the video become unresponsive until the time text actually has caught up with the current position in the video play head. Thereafter all functioning for my other buttons (play/pause, full screen toggle, and sharing) returns to normal. I am using a Timer that calls every millisecond.
View 1 Replies
Dec 20, 2009
I want to have the mouse cursor to be changed to hand when used for entering the<mx:textInput>. When the field is already on focus, text selection should be available.I tried any combination of useHandCursor="true", buttonMode="true" and mouseChildren="false",and the closest result is when using all three of them. Then the hand cursor does appear, but the text field loses its selection 'abilities' (text cannot beselected using the mouse). This is logical, since mouseChildren="false" disables this. But how do I acheive the desired result?
View 1 Replies
Sep 14, 2010
can I set the keyboard focus for a TLFTextField? I tried stage.focus = myTLF but there is no cursor...
View 2 Replies
Aug 31, 2010
If I drag a textInput from a component and drop it near the end of the another component, the textInput goes outside of the dropZone.
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="150" height="500" xmlns:components="components.*" >
[Code] .....
View 2 Replies
Nov 10, 2011
I want to create a custom textinput component in flex. The component is made of one background rectangle (spark.primitive.Rect) and one inside rectangle that will contain the text.My problem is that I want my component to be sizable like I want. For example if I want to create one textinput with a size of 200/100 I write :
<s:TextInput x="10" y="10" width="200" height="100" skinClass="Component.MyTextInputSkin"/>
And I have only the width and height to change if I want to create another textinput with different size.My skin mxml contains two rect but I want to do this:<s:Rect width="{this.width}" height="{this.height}" .....and for the other one (the one that will contain the text)<s:Rect width="{this.width * 0.80}" height="{this.height * 0.80}" .....The problem is that flashbuilder displays an error message of incompatibilty on my two "Rect" lines. And when I launch my app, nothing is displayed.
View 1 Replies
Jan 2, 2010
Imagine I have two TextInput components. How do I know which one is active?
View 1 Replies
Mar 2, 2012
This is NOT duplicate of my earlier post (its is slightly different)But this is similar issue with similar error but its not the same error The error I am getting now is below while dispatching the custom event from my custom component
TypeError: Error #1034: Type Coercion failed: cannot convert events::MapEvent@a74ab51 to flash.events.MouseEvent.
dispatchEvent(new MapEvent(MapEvent.CLICKED_ON_MAP));
Note: The error in my earlier post is giving below error message
Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent
The difference here are two things, the earlier error is while converting flash event to custom event and now this one is while converting custom event to flash event and secondly, I have no clue why it is trying to convert to the mouseevent where I am just dispatching my custom event with proper listeners.
This is my custome event
package events
{
import flash.events.Event;
import ui.map.MapElement;
[code]...
View 1 Replies
Sep 10, 2010
I have a web page which has a SWF file embeded. I have an issue with the focus.
Steps to reproduce:
1)Click on a HTML Text Field which is inside a Iframe
2)Click on a Flex Field.
3)Begin to type some text.
Expected Result is the entered text should go in the Flex TextInput field but the actual Result is it goes into HTML text field.
This is the bug which was filed but closed without any resolution. The workaround suggested there doesnt work. ( bugs.adobe.com/jira/browse/SDK-12377 )
This is happening only in IE 6.0 and IE 7.0. Below is the live example. [URL]
View 1 Replies
Aug 10, 2010
I am working on a AS3 only project in Flex....I tried to listen ENTER event when use clicks enter/return in my textinput box....but it seems not working well...I did try using TextEvent.TEXT_INPUT and it worked fine but not Component.ENTER.
[Code]....
View 3 Replies
