51211 2010-12-16 13:35:28 -0800 bluring and focusing contentEditable region doesn't preserve cursor position 2017-07-18 08:29:39 -0700 1 1 1 Unclassified WebKit HTML Editing 528+ (Nightly build) All All NEW GoogleBug P3 Minor --- 1 nicksantos webkit-unassigned adele ap darin enrica jparent kalman rniwa oldest_to_newest 323384 0 nicksantos 2010-12-16 13:35:28 -0800 Repro steps: 1. Select text in a contentEditable area 2. Click on a blank area of the document. 3. Call focus() on the contentEditable area from JS Expected behavior: The cursor position should be preserved. This is the behavior we see with textareas. Actual behavior: Chrome moves the cursor to the start of the region. Safari selects the region. Ojan says that Safari at trunk performs like Chrome. 323387 1 76809 nicksantos 2010-12-16 13:37:52 -0800 Created attachment 76809 An interactive demo for contentEditable cursor position 323391 2 nicksantos 2010-12-16 13:44:44 -0800 FWIW, this bug is a reduction of a problem in Google Spreadsheets. You can repro the problem like so: 1) Go to docs.google.com 2) Create a new spreadsheet. 3) double-click on cell A1 and type "=SUM(" 4) Click a blank region at the top of the page. 5) Click cell A2 on the grid. Expected behavior The contents of the cell become "=SUM(A2" Actual behavior The contents of the cell become "A2=SUM(" 323396 3 ojan 2010-12-16 13:47:55 -0800 The fix for this would be to maintain a selection when we blur the root editable node and reselect it when we focus the root editable node. We already do this for text inputs IIRC to make selectionStart/selectionEnd work. I think this makes sense to do for contentEditable as well. This is especially frustrating for web developers because there is no blur event that reliably fires before the selection is cleared. 323397 4 ojan 2010-12-16 13:49:38 -0800 Another case where this causes problems is making keyboard accessible toolbars for rich-text areas. The toolbar needs focus to be keyboard accessible, but that clears the selection. So you have to store the selection before it's blurred. Right now, you have to capture all the places in your code that might blur the rich-text area. 469479 5 ap 2011-09-19 10:15:40 -0700 See also: bug 42646, bug 68322. 469486 6 rniwa 2011-09-19 10:21:09 -0700 Do Firefox and Internet Explorer implement a similar feature? 473639 7 rniwa 2011-09-26 19:29:41 -0700 This is definitely not an easy bug to fix. It'll be challenging to keep the cache and the actual selection consistent. 76809 2010-12-16 13:37:52 -0800 2010-12-16 13:37:52 -0800 An interactive demo for contentEditable cursor position contenteditablecursor.html text/html 1405 nicksantos PCFET0NUWVBFIEhUTUw+DQo8aHRtbD48aGVhZD4NCjxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQt dHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVURi04Ij4NCg0KDQo8c2NyaXB0Pg0K DQpmdW5jdGlvbiAkKGlkKSB7DQogIHJldHVybiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpZCk7 DQp9DQoNCjwvc2NyaXB0Pg0KPC9oZWFkPjxib2R5IHN0eWxlPSJtYXJnaW4tdG9wOiA1ZW07Ij4N Cg0KPGRpdiBzdHlsZT0iYm9yZGVyOiB0aGluIHNvbGlkIHJlZDsiIGlkPSJlZGl0b3IiIGNvbnRl bnRlZGl0YWJsZT0idHJ1ZSI+DQpUaGlzIGlzIGFuIGNvbnRlbnRFZGl0YWJsZSByZWdpb24uDQo8 L2Rpdj48cD4NCg0KPGlucHV0IG9uY2xpY2s9IiQoJ2VkaXRvcicpLmZvY3VzKCk7IiB2YWx1ZT0i Rm9jdXMgY29udGVudEVkaXRhYmxlIiB0eXBlPSJidXR0b24iPjwvcD48cD4NCg0KPHRleHRhcmVh IGlkPSJ0ZXh0YXJlYSI+VGhpcyBpcyBhIHRleHRhcmVhDQo8L3RleHRhcmVhPjwvcD48cD4NCg0K PGlucHV0IG9uY2xpY2s9IiQoJ3RleHRhcmVhJykuZm9jdXMoKTsiIHZhbHVlPSJGb2N1cyBUZXh0 YXJlYSIgdHlwZT0iYnV0dG9uIj48L3A+PHA+DQoNCjwvcD48aDM+VGhpcyBwYWdlIGRlbW9uc3Ry YXRlcyB0aGUgZGlmZmVyZW5jZSBpbiBlZGl0b3IgZm9jdXMgb24gYWxsIGJyb3dzZXJzPC9oMz4N Cg0KPGRpdj48Yj5SZXBybyBzdGVwczo8L2I+PC9kaXY+DQo8b2w+DQogIDxsaT5DbGljayBpbiB0 aGUgbWlkZGxlIG9mIHRoZSBlZGl0YWJsZSByZWdpb24NCiAgPC9saT48bGk+Q2xpY2sgb24gdGhl IGJsYW5rIGFyZWEgYWJvdmUgdGhlIGVkaXRhYmxlIHJlZ2lvbg0KICA8L2xpPjxsaT5DbGljayBv biB0aGUgIkZvY3VzIGNvbnRlbnRFZGl0YWJsZSIgYnV0dG9uLg0KPC9saT48L29sPg0KDQo8ZGl2 PjxiPkV4cGVjdGVkIEJlaGF2aW9yOjwvYj48L2Rpdj4NCg0KPGRpdj5UaGUgY3Vyc29yIHBvc2l0 aW9uIGluIHN0ZXAgIzEgc2hvdWxkIGJlIHByZXNlcnZlZC48L2Rpdj48cD4NCg0KPC9wPjxkaXY+ PGI+QWN0dWFsIEJlaGF2aW9yOjwvYj48L2Rpdj4NCjx1bD4NCiAgPGxpPklFOCBwZXJmb3JtcyB0 aGUgInJpZ2h0IiBiZWhhdmlvcg0KICA8L2xpPjxsaT5DaHJvbWUgOCBtb3ZlcyB0aGUgY3Vyc29y IHRvIHRoZSBzdGFydCBvZiB0aGUgcmVnaW9uLg0KICA8L2xpPjxsaT5TYWZhcmkgNSBzZWxlY3Rz IHRoZSB3aG9sZSByZWdpb24NCiAgPC9saT48bGk+RmlyZWZveCAzLjYgbW92ZXMgdGhlIGN1cnNv ciB0byBtYXRjaCB0aGUgcG9pbnQgeW91IGNsaWNrZWQgaW4gdGhlIGJsYW5rIGFyZWEuDQo8L2xp PjwvdWw+DQo8cD4NCk5vdGljZSB0aGF0IHRoZSB0ZXh0YXJlYSBiZWhhdmVzIGNvcnJlY3RseSBv biBhbGwgYnJvd3NlcnMuDQoNCjwvcD48L2JvZHk+PC9odG1sPg==