Internet Explorer Bug with bulleted lists

[Shane]

Hi there,

Our users have come across a bug that only seems to effect IE (IE7 8 and 9 tested).

If you type the following over 3 lines:

line 1
line 2
line 3

Select it, then set its font size to say, 12px. So far so good. Now, with it still selected, turn it into a bulleted list. All 3 lines are put under one bullet point, and the following markup is produced:

<ul>
    <li><span style="font-size: 12px;">line 1<br />
    line 2<br />
    line 3</span></li>
</ul>

Whereas, Firefox and Chrome both render:

<ul>
    <li><span style="font-size: 12px;">line 1</span></li>
    <li><span style="font-size: 12px;">line 2</span></li>
    <li><span style="font-size: 12px;">line 3</span></li>
</ul>

IE does it properly if you do it the opposite way, first a bullet list, then the font size.

I have just upgraded to Q3 2010 and the problem still exists.

Sorry if this is in the wrong area.

Regards,

RSPCA Victoria

[Shane]

*bump*

Has this been noticed by anyone?

Regards,

RSPCA Victoria

[Rumen]

Hi,

Thank you for reporting this problem.

I verified it and logged it for fixing in our bug tracking system. Here you can find the PITS Issue and check its status: Public URL.

I also updated your Telerik points fro your bug report.

Best regards,
Rumen
the Telerik team

[hacker]

I am noticing the same issue in Chrome when using the most recent Q1 2011.  Why are the <span> tags inserted inside the <li> and how can I get rid of them?

Shawn

[Rumen]

Hi Soatley,

I tried to reproduce the problem but without success. You can see my test here: http://screencast.com/t/YQzRSCyNIZ.
Could you please let me know what I am missing and provide reliable steps to replicate it in the live demo: Default Example.

Greetings,
Rumen
the Telerik team