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 | ||
Kevin Sjöberg
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Kevin Sjöberg
I've verified this issue on the latest build of WebKit at the time of writing, build r288544.
Radar WebKit Bug Importer
<rdar://problem/88322079>
Beth Dakin
Does this still reproduce? I cannot reproduce using Safari on the latest macOS Sonoma seed.
zalan
I am still able to reproduce it on trunk WebKit.