SmartClient Version: v9.1p_2016-04-09/Pro Deployment (built 2016-04-09)
This behaviour only seems to occur in IE11 (tried in 11.0.9600.18231), it does not appear to happen in Chrome or Firefox that I have seen - sadly IE is the standard browser at my company, so I need a solution that works for that browser.
I am using a TextAreaItem hint to display the number of lines entered into the text box. I have a ChangedHandler firing after each update to re-calculate the number after each user edit, however what I've noticed is that when the setHint() method is called, in IE, the cursor jumps around the value list. If the user deletes a character in the middle of the list, the cursor jumps to the next character, rather than staying in the logical place. I do not see this behaviour in Chrome or Firefox so I presume it's IE-specific, but I need a solution that works for all browser as my users cannot control what browser they use.
Here is a sample app that displays the behaviour if run in IE11. (Note: I've tried running in compatibility mode too).
Add a few lines of text, then delete some characters from the middle of the text - observe strange jumping behaviour.
Then try the same thing in Chrome or Firefox - editing behaviour appears normal.
This behaviour only seems to occur in IE11 (tried in 11.0.9600.18231), it does not appear to happen in Chrome or Firefox that I have seen - sadly IE is the standard browser at my company, so I need a solution that works for that browser.
I am using a TextAreaItem hint to display the number of lines entered into the text box. I have a ChangedHandler firing after each update to re-calculate the number after each user edit, however what I've noticed is that when the setHint() method is called, in IE, the cursor jumps around the value list. If the user deletes a character in the middle of the list, the cursor jumps to the next character, rather than staying in the logical place. I do not see this behaviour in Chrome or Firefox so I presume it's IE-specific, but I need a solution that works for all browser as my users cannot control what browser they use.
Here is a sample app that displays the behaviour if run in IE11. (Note: I've tried running in compatibility mode too).
Add a few lines of text, then delete some characters from the middle of the text - observe strange jumping behaviour.
Then try the same thing in Chrome or Firefox - editing behaviour appears normal.
Code:
import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.TextAreaItem;
import com.smartgwt.client.widgets.form.fields.TextItem;
import com.smartgwt.client.widgets.form.fields.events.ChangedEvent;
import com.smartgwt.client.widgets.form.fields.events.ChangedHandler;
/**
* Title: Test<br>
* Description: Sandbox for testing stuff<br>
*/
public class Test implements EntryPoint {
/**
* {@inheritDoc}
*/
@Override
public void onModuleLoad() {
SC.showConsole();
// Cursor jumps around field when the values in this text area are edited in IE11
final TextAreaItem jumping = new TextAreaItem("jumping", "Jumping");
jumping.setHeight( 50 );
jumping.setHint( "Initial hint" );
jumping.addChangedHandler( new ChangedHandler() {
@Override
public void onChanged( ChangedEvent event ) {
jumping.setHint( event.toDebugString() + ": Calculated value" );
}
});
DynamicForm form = new DynamicForm();
form.setWidth100();
form.setFields( jumping );
Canvas layout = new Canvas();
layout.setWidth100();
layout.setHeight100();
layout.addChild( form );
layout.show();
}
}
Comment