Bug 235571 - Element with contenteditable attribute misbehaves in flex container
Summary: Element with contenteditable attribute misbehaves in flex container
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-01-25 04:21 PST by Kevin Sjöberg
Modified: 2023-08-29 14:59 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.