Bug 235571

Summary:	Element with contenteditable attribute misbehaves in flex container
Product:	WebKit	Reporter:	Kevin Sjöberg <mail>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	bdakin, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 15
Hardware:	Mac (Apple Silicon)
OS:	macOS 12

Description Kevin Sjöberg 2022-01-25 04:21:22 PST

Steps to reproduce:

1. Visit https://jsfiddle.net/opwgyrun/5/
1. Click the word "TEST". It will have focus and become editable.
2. Now click outside the word "TEST", the element does not lose focus.

Clicking far away from the word "TEST" makes it lose focus correctly, but not in close proximity. I've experimented with giving the container different display values such as grid and inline-flex, but they all cause the same issue, although in varying degrees.

Comment 1 Kevin Sjöberg 2022-01-25 04:24:04 PST

I've verified this issue on the latest build of WebKit at the time of writing, build r288544.

Comment 2 Radar WebKit Bug Importer 2022-02-01 04:22:15 PST

<rdar://problem/88322079>

Comment 3 Beth Dakin 2023-08-29 11:52:54 PDT

Does this still reproduce? I cannot reproduce using Safari on the latest macOS Sonoma seed.

Comment 4 zalan 2023-08-29 14:59:46 PDT

I am still able to reproduce it on trunk WebKit.