If a textarea or input field is enabled (unset readonly) after it has gained focus the caret does not appear

Issue #14214860 • Assigned to Grisha L.

Details

Author
Jools C.
Created
Oct 13, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
38.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

=== Steps to reproduce ===

  1. Navigate to https://jsfiddle.net/JoolsCaesar/5LLt2ztL/
  2. Click the button labelled “Focus then enable”
  3. Hit any character keys

=== Expected outcome ===

The caret should appear and you should be able to type. This works fine in all non-Microsoft browsers.

=== Actual outcome ===

Edge: The caret does not appear and the user cannot type.
The caret will appear if you hit the Delete key (not backspace, as that will back-nav your browser - thanks btw) and you can then move the caret around (if there was already text) using the arrow keys, but you still can’t type.

IE11: The caret appears as soon as you click the button, but you still can’t type

============

It appears that this has been reported before again all Microsoft browsers since IE6, but you seem to have difficulty recognising it:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/1294999/
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9764770/

Hopefully you will be able to reproduce this with the above steps.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Status to “Fixed”

    • Hello,

      Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge 16299 and is available in our latest Insider Preview build in the Fast ring.

      Best Wishes,
      The MS Edge Team

    • Changed Status from “Fixed”

    • I’ve just tested on build 17017, and while it’s certainly a great improvement, in that the user can now type, I wouldn’t say it’s fixed, as the caret doesn’t show until you actually start typing, so the user has no real indication that they can type.

      Navigate to the aforementioned jsfiddle.
      If you click "Enable then focus", the flashing caret shows as expected.
      If you click "Focus then enable", no caret shows. Even pressing directional arrows doesn’t cause the caret to display, though it does shift the invisible selection. It’s not until you hit a character key and change the text that the caret appears.

    • "=== Expected outcome ===

      The caret should appear and you should be able to type."

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Title from “If a textarea or input field is enabled (unset readonly) after it has gained focus the user cannot type” to “If a textarea or input field is enabled (unset readonly) after it has gained focus the caret does not appear”

      Changed Assigned To to “Grisha L.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in