Bug 167527 – Regression (Safari 10): Selection highlight is drawn incorrectly when selecting the last two <br> elements in a block-level element

• Component: Layout and Rendering
• Status: NEW

[Sam Stephenson]

Created attachment 299957 [details]
Minimal test case

Given the following markup:

  <div>
    <div><br><br><br><br><br></div>
  </div>

After selecting the entire contents of the outermost <div>, the selection highlight is missing for the last two lines.

This is new behavior in Safari 10.1/Safari Technology Preview. See the attached test case (line-break-selection.html).

The behavior is also present for selections in contenteditable containers, which can lead to confusion about what text is actually selected in a rich text editor.

[Ahmad Saleem]

I am not sure on expected behavior or web-spec but this is current beahvior in attached test case across browsers:

*** Safari 15.6 on macOS 12.5 ***

Clicking "Select All" shows "Selection" across field of <div conetenteditable> but since it is <br> or nothing, it just confuses that something is selected.

*** Firefox Nightly 104 ***

Clicking "Select All" do nothing and does not show any selection inside <div contenteditable>.

*** Chrome Canary 106 ***

Clicking "Select All" shows smalls election (2 or 4 px wide) in <div contenteditable>.

I am not sure, which behavior is correct or aligned with web-spec but wanted to share latest test results. Thanks!

[Alexey Proskuryakov]

This report is about how much of the box gets filled with a selection vertically, not horizontally. 

WebKit behavior seems most weird to me of these three.