Hi, I'm having some more unusual issues with line-breaks in Safari/Chrome.
We use some custom tags in our editor to encapsulate conditional blocks of content. A simplified version looks like this:
|<var style="background-image: url(http://www.dialogportal.dk/images/icons/condition-begin.gif); background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 3px; "></var>
| Conditional content
|<var style="background-image: url(http://www.dialogportal.dk/images/icons/condition-end.gif); background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-left: 3px; "></var>
Try copying the above segment of code and pasting it into the HTML view of the Telerik First Look Demo
, at the very start of the code. Now go back to design mode, and it displays in the format [icon]Conditional content[icon]
. If you move the cursor in front of the first icon and hit "Enter", the cursor jumps to the bottom of the editor, and adds the newline there. Looking at the resulting code, <div><br /></div><div><em><br /></em></div>
is added at the bottom.
This is quite frustrating, it is very difficult to edit the page around this behaviour. Have you come across this before, and is there anything I can do to work around it?