Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Text INPUTs behave strangely (blink) after text is selected

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by jesse

more options

In Firefox 3.5.8 on Win XP Home SP3 I'm getting some weird behavior from text INPUTs. I tried it in safe mode and it made no difference. Part of the behavior can be seen without any scripting and even with scripting disabled, but the problem is that this behavior is interfering with behavior that I'm trying to script.

If there's a text INPUT that has characters selected when it loses focus, and then the INPUT is refocused by clicking with the mouse pointer over characters that were previously selected, Firefox flashes the previous selection for a split second and then inserts the cursor where the pointer was.

The problem is that I'm using the HTMLInputElement.select() method to select the text of the INPUT when it receives focus, and every-other-time Firefox screws it up and just inserts the cursor instead of selecting the text. That is, it alternates between the desired behavior (selecting the text) and the undesired behavior (inserting the cursor).

So for example say there's an INPUT that contains "abcde" and "abc" is selected when it loses focus and the selection disappears. If the mouse pointer is placed over "abc" and the INPUT is clicked, the previous selection flashes and then the cursor is inserted. If instead the pointer is over "de" when the INPUT is clicked, there's no flash -- the cursor is just inserted. To be safe, click on "e", since the left half of "d" will also trigger the flashing behavior.

Here is a demo of the problem:

http://www.jessemccarthy.net/public/firefox_input_blink.html


The goal is to have #custom_wager_radio checked and the text in #custom_wager_text selected whenever either is clicked.

It works fine in the following circumstances:

  • #custom_wager_radio is clicked
  • #custom_wager_radio's label is clicked
  • The blank part of #custom_wager_text is clicked
  • #custom_wager_text receives focus by tabbing to it


It screws up when the part of #custom_wager_text that contains text is clicked, if it was selected previously. Everything works fine in Opera 10.61.


To see the problem, perform these steps with JavaScript enabled:

1) Click on #custom_wager_text and type something in it.

2) Click "Custom" (#custom_wager_radio's label). That will select the text in #custom_wager_text.

3) Click on "Standard". That will blur #custom_wager_text.

4) Click any part of #custom_wager_text that contains text.

5) Try repeating steps 3 & 4. It will alternate between a) selecting the text in #custom_wager_text and b) flashing the previous selection then inserting the cursor.


You can also try selecting the text, then clicking again to insert the cursor, then clicking Standard, then clicking the text again. In that case the text will be selected, because it wasn't selected when #custom_wager_text lost focus.

You can disable JavaScript and try the test I described with "abcde" to see that the flashing behavior happens with scripting disabled.

Anybody know what the story is with this?

In Firefox 3.5.8 on Win XP Home SP3 I'm getting some weird behavior from text INPUTs. I tried it in safe mode and it made no difference. Part of the behavior can be seen without any scripting and even with scripting disabled, but the problem is that this behavior is interfering with behavior that I'm trying to script. If there's a text INPUT that has characters selected when it loses focus, and then the INPUT is refocused by clicking with the mouse pointer over characters that were previously selected, Firefox flashes the previous selection for a split second and then inserts the cursor where the pointer was. The problem is that I'm using the HTMLInputElement.select() method to select the text of the INPUT when it receives focus, and every-other-time Firefox screws it up and just inserts the cursor instead of selecting the text. That is, it alternates between the desired behavior (selecting the text) and the undesired behavior (inserting the cursor). So for example say there's an INPUT that contains "abcde" and "abc" is selected when it loses focus and the selection disappears. If the mouse pointer is placed over "abc" and the INPUT is clicked, the previous selection flashes and then the cursor is inserted. If instead the pointer is over "de" when the INPUT is clicked, there's no flash -- the cursor is just inserted. To be safe, click on "e", since the left half of "d" will also trigger the flashing behavior. Here is a demo of the problem: http://www.jessemccarthy.net/public/firefox_input_blink.html The goal is to have #custom_wager_radio checked and the text in #custom_wager_text selected whenever either is clicked. It works fine in the following circumstances: * #custom_wager_radio is clicked * #custom_wager_radio's label is clicked * The blank part of #custom_wager_text is clicked * #custom_wager_text receives focus by tabbing to it It screws up when the part of #custom_wager_text that contains text is clicked, if it was selected previously. Everything works fine in Opera 10.61. To see the problem, perform these steps with JavaScript enabled: 1) Click on #custom_wager_text and type something in it. 2) Click "Custom" (#custom_wager_radio's label). That will select the text in #custom_wager_text. 3) Click on "Standard". That will blur #custom_wager_text. 4) Click any part of #custom_wager_text that contains text. 5) Try repeating steps 3 & 4. It will alternate between a) selecting the text in #custom_wager_text and b) flashing the previous selection then inserting the cursor. You can also try selecting the text, then clicking again to insert the cursor, then clicking Standard, then clicking the text again. In that case the text will be selected, because it wasn't selected when #custom_wager_text lost focus. You can disable JavaScript and try the test I described with "abcde" to see that the flashing behavior happens with scripting disabled. Anybody know what the story is with this?

All Replies (2)

more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

more options