Bug 121726

Summary: Cursor movement in contenteditable blocked by SVG element
Product: WebKit Reporter: etlovett2
Component: HTML EditingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, rniwa, vitor.roriz, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
FAIL.html test case
none
FAIL-2.html test case
none
OK.html test case
none
OK-2.html test case
none
OK-3.html test case none

etlovett2
Reported 2013-09-20 16:23:08 PDT
What steps will reproduce the problem? 1. Open the attached repro file FAIL.html. 2. Put the cursor into the top paragraph. 3. Use the down arrow key to attempt to move the cursor to the bottom paragraph. What is the expected result? The cursor should move past the SVG element into the bottom paragraph. What happens instead? The cursor gets blocked by the SVG element and cannot move into the bottom paragraph. Please provide any additional information below. Attach a screenshot if possible. This bug only reproduces with certain DOM structures. For instance, I've attached three files (OK.html, OK-2.html, and OK-3.html) that only have minor DOM structure changes and yet the bug does not exist in them. I've also included a FAIL-2.html that has a minor DOM change in which the bug still exists. I've also observed that the cursor is able to move upwards past the SVG, just not past it downwards. That is, if you put the cursor in the bottom paragraph and use the up arrow key, the cursor is able to move up into the first paragraph. Other browsers tested: Add OK or FAIL after other browsers where you have tested this issue: Chrome 29: FAIL in 31.0.1631.0 (currently canary) and 29.0.1547.65 (currently stable) Firefox 20: OK in Firefox 24 (currently beta channel) Filed against Chromium/Blink as https://code.google.com/p/chromium/issues/detail?id=292869.
Attachments
FAIL.html test case (1.39 KB, text/html)
2013-09-20 16:23 PDT, etlovett2 		no flags
Details
FAIL-2.html test case (1.46 KB, text/html)
2013-09-20 16:23 PDT, etlovett2 		no flags
Details
OK.html test case (1.47 KB, text/html)
2013-09-20 16:23 PDT, etlovett2 		no flags
Details
OK-2.html test case (1.46 KB, text/html)
2013-09-20 16:24 PDT, etlovett2 		no flags
Details
OK-3.html test case (1.37 KB, text/html)
2013-09-20 16:24 PDT, etlovett2 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
etlovett2
Comment 1 2013-09-20 16:23:29 PDT
Created attachment 212235 [details] FAIL.html test case
etlovett2
Comment 2 2013-09-20 16:23:43 PDT
Created attachment 212236 [details] FAIL-2.html test case
etlovett2
Comment 3 2013-09-20 16:23:54 PDT
Created attachment 212237 [details] OK.html test case
etlovett2
Comment 4 2013-09-20 16:24:04 PDT
Created attachment 212238 [details] OK-2.html test case
etlovett2
Comment 5 2013-09-20 16:24:14 PDT
Created attachment 212239 [details] OK-3.html test case
Ahmad Saleem
Comment 6 2022-09-10 15:34:45 PDT
I am able to reproduce this bug in Safari Technology Preview 153 using attached tests (FAIL.html and FAIL-2.html) and using arrow keys, I am not able to move below "An SVG Element:" to paragraph after it and it is stuck on that while all other browsers (Chrome Canary 107 and Firefox Nightly 106) able to do it. Changing status to "New". Please mark duplicate of if there is any other browser.
Radar WebKit Bug Importer
Comment 7 2022-09-12 10:00:46 PDT
<rdar://problem/99826681>
Note You need to log in before you can comment on or make changes to this bug.