| Summary: | Caret positioning in contenteditable elements with mouse/keyboard fails when css :after is used | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Nils Jeisecke <jeisecke> | ||||
| Component: | HTML Editing | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED WORKSFORME | ||||||
| Severity: | Normal | CC: | enrica, jeisecke, justin.garcia, morrita, nvasilyev, rniwa, tkent, tony | ||||
| Priority: | P2 | ||||||
| Version: | 528+ (Nightly build) | ||||||
| Hardware: | Mac | ||||||
| OS: | OS X 10.5 | ||||||
| Attachments: |
|
||||||
Created attachment 31067 [details]
Simple HTML example showing the problem
Works fine. This has been likely fixed a while ago. |
Consider the following editable paragrahp <div contenteditable="true"> <p><span class="x">6</span>Try to click before the 'T', won't work.</p> </div> with the following styles .x { display: inline; font-weight: bold; color: green; } .x:before { content: "("; } .x:after { content: ") "; } you cannot click before the 'T'. Remove the :after style and it works.