Bug 200251

Summary: Text Selection rects visibly missing when selecting all with text in flex items
Product: WebKit Reporter: Joseph Pecoraro <joepeck>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, joepeck, just.1.jake, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
[TEST] Reduction Test Page
none
[IMAGE] Issue none

Description Joseph Pecoraro 2019-07-29 15:51:04 PDT
Created attachment 375114 [details]
[TEST] Reduction Test Page

Text Selection rects visibly missing when selecting all with text in flex items

Test:
<style>
.wrapper {
    border: 1px solid black;
    display: flex;
    justify-content: space-evenly;
}
</style>
<div class="wrapper">
    <div><p>1</p><p>text</p></div>
    <div><p>2</p><p>text</p></div>
    <div><p>3</p><p>text</p></div>
    <div><p>4</p><p>text</p></div>
</div>

Steps to Reproduce:
1. Load test page
2. Edit > Select All (⌘A)
  => The "2", "3", and "4" do not look selected, but actually are if you Copy + Paste
Comment 1 Joseph Pecoraro 2019-07-29 15:51:23 PDT
Created attachment 375115 [details]
[IMAGE] Issue
Comment 2 Radar WebKit Bug Importer 2019-07-29 15:51:57 PDT
<rdar://problem/53683569>
Comment 3 Jake Teton-Landis 2021-07-26 13:11:27 PDT
This is still reproducible. Here's a Stack Overflow question asking about this behavior:

https://stackoverflow.com/questions/67637825/text-selection-background-becoming-invisible-in-safari-when-selecting-inside-fle/68527335