Completed
Last Updated: 10 Oct 2013 15:38 by ADMIN
ADMIN
Rumen
Created on: 18 Jan 2013 13:05
Category: UI for ASP.NET AJAX
Type: Bug Report
5
The ordered and unordered list commands put span tag with formatting in the li tags when there is a global body class with font-size with em and line height styles in Chrome
If the body tag of the content area of RadEditor has applied font-size with em and line-height attribute in Chrome, the contents of the produced ordered/undoreded lists will be wrapped in a span tag with this formatting.

Steps to reproduce:
1) Put the following CSS on the page
<style>	
	 body
		{
			font-size: 0.875em; 
			line-height: 10.4px; 
		}
</style>

2) Load this content in RadEditor
line1<br />
line2<br />
line3

3) Select the three lines in Design mode and press the InsertUnorederedList button. The produced content in Google Chrome will be
<ul>
    <li><span style="font-size: 0.875em; line-height: 10.4px;">line1</span></li>
    <li><span style="font-size: 0.875em; line-height: 10.4px;">line2</span></li>
    <li><span style="font-size: 0.875em; line-height: 10.4px;">line3</span></li>
</ul>

instead of the expected one:
<ul>
    <li>line1</li>
    <li>line2</li>
    <li>line3</li>
</ul>

Note: This is a WebKit browser behavior which can be reproduced by firing the browser's execCommand method with the InsertOrderedList command identifier:

editor.get_document().execCommand("InsertOrderedList");
0 comments