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

Put attached file on server and open it in Edge browser.
Click on horizontal line.
The cursor should be blinking in the middle of the editable area right below the horizontal line. Type few characters there.
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 -https://www.w3.org/TR/html5/single-page.html#the-hr-element.

Microsoft Edge Team
James M. Oct 30, 2017 2017-10-30T20:15:25.163Z
Changed Assigned To to “James M.”

OSG V. Oct 30, 2017 2017-10-30T21:00:06.733Z
Changed Assigned To to “Grisha L.”

Teju P. Oct 30, 2017 2017-10-30T21:29:11.15Z
Changed Status to “Confirmed”

Teju P. Oct 30, 2017 2017-10-30T21:29:52.78Z
Changed Assigned To from “Grisha L.” to “Adam D.”
Zaid D. May 27, 2018 2018-05-27T18:12:47.743Z
This also applies to Chrome browser Version 66.0.3359.181
Zaid D. May 27, 2018 2018-05-27T18:13:49.087Z
Same behaviour occurs if the HR is set contenteditable=false, but its parent is.
Ryousuke I. Oct 29, 2018 2018-10-29T08:30:55.497Z
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.

Details