105323 2012-12-18 10:04:36 -0800 when contentEditable=true inside contentEditable=false inside contentEditable=true, backspace behavior is wrong 2021-05-21 16:09:40 -0700 1 1 1 Unclassified WebKit HTML Editing 528+ (Nightly build) All All UNCONFIRMED https://bugs.webkit.org/show_bug.cgi?id=226091 P2 Normal --- 0 johanneswilm webkit-unassigned enrica rniwa oldest_to_newest 793777 0 johanneswilm 2012-12-18 10:04:36 -0800 A contenteditable=false element inside a contenteditable=true element can be delted by hitting backspace. However, if there is a contenteditable=true inside the contenteditable=false, then this is not working. See attached test file. 793779 1 179974 johanneswilm 2012-12-18 10:05:31 -0800 Created attachment 179974 a testcase of contenteditable=false inside contenteditable=true 807294 2 182773 johanneswilm 2013-01-15 07:48:05 -0800 Created attachment 182773 test case showing contenteditable=false inside contenteditable=true this case shows three different cases and how they are handled differently by the delete command: Try to delete the three contenteditable=false areas using backspace/del, and the results are very different -- one can be deleted without problems, one spills its contents into the outer container, and the last one cannot be deleted at all. 807705 3 enrica 2013-01-15 14:38:50 -0800 (In reply to comment #2) > Created an attachment (id=182773) [details] > test case showing contenteditable=false inside contenteditable=true > > this case shows three different cases and how they are handled differently by the delete command: > > Try to delete the three contenteditable=false areas using backspace/del, and the results are very different -- one can be deleted without problems, one spills its contents into the outer container, and the last one cannot be deleted at all. The mixed editablity scenarios are very tricky and our support is definitely not complete. Part of the reason is that there are many situations in which it is unclear what the right thing to do is. Not much progress has been done in this area, since it has always been considered an uncommon scenario and the reason is that we have seen very few bugs in this area. I believe WebKit handles fairly well documents containing editable and non editable portions, the problems appear when we nest them. I don't know the scope of what you're trying to accomplish, but maybe you can consider an approach where you avoid nested editable/non-editable elements. I'll be happy to provide any guidance in this area. 807723 4 johanneswilm 2013-01-15 15:04:12 -0800 Hi, and thanks for the advice. The places where I already use noneditable parts inside editable parts is when adding elements to the text flow, that are autogenerated (the writer presses a button). For example, imagine this: <p>London, UK, <span class="timepoint" data-jstime="738039459093" contenteditable="false">Oct. 2, 2012, 2:34pm GMT<span>: The Queen announced an extra allowance on cat food this morning.</p> The time stamp is something the writer can enter by clicking a button. He can subsequently remove it again by deleting it in the text, either by selecitng it or by hitting the backspace key while the cursor is directly behind it. In this case, Webkit works fine already. However, when going to the more complicated case of a nested editable part, it instide kind of knocks the back wall out. In this example: http://sourcefabric.github.com/BookJS/test.html scroll to the fifth page (the one with the headline "Some text part"). The footnotes on that page are created in this nested manner. If you move the cursor behind one of the footnote references in the main text and hit "Backspace", you would imagine that the footnote reference as well as the entire footnote would disappear. This would happen if Webkit would delte the entire non-editable element as it does in the case above. Instead it is as if the ack wall is being knocked out. As I understand it, if changed, it would follow this logic: "UAs should offer a way for the user to delete text and elements, including non-editable descendants, e.g. as the default action of keydown events whose identifiers are 'U+0008' or 'U+007F'." http://www.w3.org/TR/2008/WD-html5-20080610/editing.html If you have suggestions as how to achieve this in another way, please let me know! 807909 5 johanneswilm 2013-01-15 18:37:44 -0800 One question: I understand that you guys don't plan on fixing/standardizing this behavior in the short-term due to resource constraints. But are you guys also opposed to the idea that others take it upon themselves to try to fix this? editabel and non-editable should work in a nested way the way I read the specifications that have been released about this the last few years, right? 808438 6 enrica 2013-01-16 09:41:41 -0800 (In reply to comment #5) > One question: I understand that you guys don't plan on fixing/standardizing this behavior in the short-term due to resource constraints. But are you guys also opposed to the idea that others take it upon themselves to try to fix this? editabel and non-editable should work in a nested way the way I read the specifications that have been released about this the last few years, right? WebKit is an OpenSource project and anyone is welcome to contribute. The changes go through the normal review process as any contribution to the project and once they have been reviewed they can be checked in. Please remember that this is one of the most complicated areas of the system and making changes is a non trivial task even for developers that have very experienced with WebKit. I'll be happy to review and provide guidance if you decide to tackle this. 179974 2012-12-18 10:05:31 -0800 2013-01-15 07:48:05 -0800 a testcase of contenteditable=false inside contenteditable=true test_contenteditable.html text/html 850 johanneswilm PGh0bWw+CjxoZWFkPgo8dGl0bGU+dGVzdCBjb250ZW50ZWRpdGFibGUgd2Via2l0IGltcGxlbWVu dGF0aW9uPC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KPGRpdiBjb250ZW50ZWRpdGFibGU9InRydWUi PgoKVGhpcyBpcyBvbmUgY29udGVudGVkaXRhYmxlIGFyZS4gPHNwYW4gY29udGVudGVkaXRhYmxl PSJmYWxzZSI+KDxzcGFuIGNvbnRlbnRlZGl0YWJsZT0idHJ1ZSIgc3R5bGU9ImJhY2tncm91bmQt Y29sb3I6cmVkOyI+VGhpcyBpcyBhIHNlcGFyYXRlIGVkaXRhYmxlIGFyZWEuPC9zcGFuPik8L3Nw YW4+IEhlcmUgdGhlIGZpcnN0IGFyZWEgY29udGludWVzLgo8L2Rpdj4KPGRpdiBjb250ZW50ZWRp dGFibGU9InRydWUiPlRoZSBzZWNvbmQgY29udGVudGVkaXRhYmxlIGFyZXMgaXMgaW5zaWRlIGEg cGFyZW50aGVzaXMgdGhhdCBpcyBub3QgZWRpdGFibGUuIFdoZW4gYSBub24tZWRpdGFibGUgZWxl bWVudCBpcyBpbnNpZGUgYW4gZWRpdGFibGUgZWxlbWVudCA8c3BhbiBjb250ZW50ZWRpdGFibGU9 ImZhbHNlIj4oc3VjaCBhcyB0aGlzIG9uZSk8L3NwYW4+LCBpdCBjYW4gdXN1YWxseSBiZSByZW1v dmVkIGJ5IGhpdHRpbmcgdGhlIGJhY2tzcGFjZSBrZXkgYWZ0ZXIgaXQuIEhvd2V2ZXIsIHdoZW4g aW5zaWRlIG9mIHRoYXQgbm9uLWVkaXRhYmxlIGVsZW1lbnQgdGhlcmUgaXMgYW4gZWRpdGFibGUg ZWxlbWVudCwgYXMgaW4gdGhlIGFib3ZlIGV4YW1wbGUsIGl0IGNhbm5vdCBiZSByZW1vdmVkLiBJ bnN0ZWFkLCB0aGUgcGFydHMgZm9sbG93aW5nIHRoZSBhcmUgbW92ZWQgaW5zaWRlIG9mIGJvdGgg bm9uZWRpdGFibGUgYW5kIGVkaXRhYmxlIGVsZW1lbnRzLgoKPC9ib2R5Pgo8L2h0bWw+Cg== 182773 2013-01-15 07:48:05 -0800 2013-01-15 07:48:05 -0800 test case showing contenteditable=false inside contenteditable=true test_contenteditable.html text/html 1219 johanneswilm PGh0bWw+CjxoZWFkPgo8dGl0bGU+dGVzdCBjb250ZW50ZWRpdGFibGUgd2Via2l0IGltcGxlbWVu dGF0aW9uPC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KPGRpdiBjb250ZW50ZWRpdGFibGU9InRydWUi PgoKVGhpcyBpcyBvbmUgY29udGVudGVkaXRhYmxlIGFyZS4gPHNwYW4gY29udGVudGVkaXRhYmxl PSJmYWxzZSIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6Ymx1ZTsiPig8c3BhbiBjb250ZW50ZWRp dGFibGU9InRydWUiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOnJlZDsiPlRoaXMgaXMgYSBzZXBh cmF0ZSBlZGl0YWJsZSBhcmVhLiBUcnkgdG8gZGVsZXRlIHRoZSBwYXJlbnRoZXNpcyB1c2luZyB0 aGUgYmFja3NwYWNlIGtleS48L3NwYW4+KTwvc3Bhbj4gSGVyZSB0aGUgZmlyc3QgYXJlYSBjb250 aW51ZXMuIE5vdyB0cnkgdG8gcmVtb3ZlIHRoaXMgaW1hZ2UgKGFuIGF0b21pYyBub2RlKSB1c2lu ZyBiYWNrc3BhY2U6IDxpbWcgc3JjPSJibG9iIiBjb250ZW50ZWRpdGFibGU9ImZhbHNlIj4uIFRo ZSBvbmUgdGhhdCBjYW4gYmUgZGVsZXRlZCB3aXRob3V0IHRyb3VibGUgaXMgPHNwYW4gY29udGVu dGVkaXRhYmxlPSJmYWxzZSIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6eWVsbG93OyI+dGhpcyBv bmUgd2hpY2ggaXMgYSBub3JtYWwgbmRvZSB3aXRoIGEgc3RhcnQgYW5kIGFuIGVuZCB0YWc8L3Nw YW4+Lgo8L2Rpdj4KPGRpdiBjb250ZW50ZWRpdGFibGU9InRydWUiPlRoZSBzZWNvbmQgY29udGVu dGVkaXRhYmxlIGFyZXMgaXMgaW5zaWRlIGEgcGFyZW50aGVzaXMgdGhhdCBpcyBub3QgZWRpdGFi bGUuIFdoZW4gYSBub24tZWRpdGFibGUgZWxlbWVudCBpcyBpbnNpZGUgYW4gZWRpdGFibGUgZWxl bWVudCA8c3BhbiBjb250ZW50ZWRpdGFibGU9ImZhbHNlIj4oc3VjaCBhcyB0aGlzIG9uZSk8L3Nw YW4+LCBpdCBjYW4gdXN1YWxseSBiZSByZW1vdmVkIGJ5IGhpdHRpbmcgdGhlIGJhY2tzcGFjZSBr ZXkgYWZ0ZXIgaXQuIEhvd2V2ZXIsIHdoZW4gaW5zaWRlIG9mIHRoYXQgbm9uLWVkaXRhYmxlIGVs ZW1lbnQgdGhlcmUgaXMgYW4gZWRpdGFibGUgZWxlbWVudCwgYXMgaW4gdGhlIGFib3ZlIGV4YW1w bGUsIGl0IGNhbm5vdCBiZSByZW1vdmVkLiBJbnN0ZWFkLCB0aGUgcGFydHMgZm9sbG93aW5nIHRo ZSBhcmUgbW92ZWQgaW5zaWRlIG9mIGJvdGggbm9uZWRpdGFibGUgYW5kIGVkaXRhYmxlIGVsZW1l bnRzLgoKPC9ib2R5Pgo8L2h0bWw+Cg==