NEW239486
Inline contenteditable elements with `pointer-events: none` receive focus when clicked 
https://bugs.webkit.org/show_bug.cgi?id=239486
Summary Inline contenteditable elements with `pointer-events: none` receive focus whe...
Daniel Richards
Reported 2022-04-19 00:00:39 PDT
There seems to be inconsistencies in how inline and block contenteditable elements handle focus when `pointer-events` is set to none. I've put together some test cases below to demonstrate that it seems to be only inline contenteditable elements that have this issue. Steps to reproduce: 1. Visit https://codepen.io/talldan/pen/RwxEzwg. All elements in this demo have been set to `display: none` 2. Try clicking the link '1. Link (Not contenteditable)' and observe that focus correctly doesn't occur on this inline interactive element. 3. Try clicking the link '2. Link (Contenteditable)' and observe that it receives focus (which is inconsistent with the previous step). 4. Try clicking the span '3. Span (Contenteditable)' and observe that it receives focus (this doesn't just happen for links). 5. Try clicking the div '4. Div (Contenteditable)' and observe that it doesn't receive focus (inconistent with step 4). 6. Try clicking the span '5. Block span (Contenteditable)' (a span that has been set to display: block) and observe that it doesn't receive focus.
Attachments
Add attachment proposed patch, testcase, etc.
Daniel Richards
Comment 1 2022-04-19 00:02:43 PDT
> All elements in this demo have been set to `display: none` Sorry, I meant `pointer-events: none`. I couldn't see a way to edit the description.
Radar WebKit Bug Importer
Comment 2 2022-04-26 00:01:13 PDT
<rdar://problem/92317695>
Note You need to log in before you can comment on or make changes to this bug.