Not possible to delete last letter of word in contenteditable with display other than block

Fixed Issue #11880139

Details

Created
May 3, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 5 people

Sign in to watch or report this issue.

Steps to reproduce

Make DOM element has contentEditable=true and display:inline-block.
Try to remove all characters within that DOM element. Removing the last element will not be possible.
See https://jsbin.com/nejihugeqi/edit?html,output
Happening in Microsoft Edge 15.

Attachments

0 attachments

    Comments and activity

    • Changed Steps to Reproduce

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Travis L.”

      Changed Assigned To from “Travis L.” to “Grisha L.”

      Changed Status to “Confirmed”

    • If the first character is selected when I hit Backspace, the previous sibling of contenteditable is also removed from the DOM; elements outside contenteditable should not be affected.
      If I “select all” inside contenteditable and hit Backspace/Delete, even the contenteditable itself is also removed from the DOM!

    • Following the link in "Steps to reproduce", if I go in front of “T” and hit Delete, some weird spaces are inserted and still the first space cannot be "backspaced".

    • Microsoft Edge Team

      Changed Assigned To from “Grisha L.” to “Anupam S.”

      Changed Status from “Confirmed” to “Fixed”

    • Hello,

      Thank you for providing this information about the issue. We have confirmed the problem, and we are working on a solution for a future build of Edge. We are presently tracking this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

      Best Wishes,
      The MS Edge Team

    • Although this issue is marked as fixed, the issue still persists. Contenteditable, when paired with display: inline-block does not allow you to delete all characters using the backspace key.

      Please see the example here to reproduce:

      http://login.jupitered.com/testpub/edge.html

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

    Sign in