Clicking on Horizontal Line inside contenteditable element allows typing inside it.

Confirmed Issue #14387530 • Assigned to Adam D.


Jakub Ś.
Oct 26, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 5 people

Sign in to watch or report this issue.

Steps to reproduce

  1. Put attached file on server and open it in Edge browser.
  2. Click on horizontal line.
  3. The cursor should be blinking in the middle of the editable area right below the horizontal line. Type few characters there.
  4. Open developer tools and inspect newly typed text
    5 It turns out text is typed inside the HR tag what violates the HTML5 spec as this element should be empty and have no end tag -


Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Assigned To to “Grisha L.”

    Changed Status to “Confirmed”

    Changed Assigned To from “Grisha L.” to “Adam D.”

  • This also applies to Chrome browser Version 66.0.3359.181

  • Same behaviour occurs if the HR is set contenteditable=false, but its parent is.

  • It still reproduces at Edge 44.17763.1.0.
    As far as I know, specifying contenteditable = “false” style = “pointer-events: none” for hr seems to be able to suppress this problem.

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

Sign in