I am seeing weird results when removing bulleted list items (either ordered or unordered). I am using NewLineMode="div" because we want to wrap our blocks in div tags instead of paragraph tags. But, when removing the bullets, it wraps them in paragraph tags instead of divs like we want and would expect. But, I have also tried the demo at http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx and it properly wraps the removed entries in the NewLineMode value of div that I had selected. Right now, I am using the 2014.3.1209.35 version of the Telerik AJAX ASP.NET controls. To eliminate other variables, I made a test project with just a page with a RadEditor on it. I have tried this in IE 11, Firefox 36, and Chrome 41. I am confused that the demo behaves differently than the control in my project.
Steps to reproduce:
- Set the NewLineMode to div.
- Create an ordered or unordered list with 6 items. It does not matter if you start the list first and then press the Bulleted List or Numbered List button or highlight the entries and then press the button. The HTML looks like this:
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
</ul>
- Highlight the 3rd and 4th entries.
- The 3rd and 4th entries will be removed from the bulleted list and the list broken into two pieces. The entries are wrapped in paragraph tags instead of div tags. Since I am using NewLineMode="div", I would expect Three and Four to be wrapped in div tags.
<ul>
<li>One</li>
<li>Two</li>
</ul>
<p>Three</p>
<p>Four</p>
<ul>
<li>Five</li>
<li>Six</li>
</ul>
This is what I would expect instead:
<ul>
<li>One</li>
<li>Two</li>
</ul>
<div>Three</div>
<div>Four</div>
<ul>
<li>Five</li>
<li>Six</li>
</ul>
Steps to reproduce:
- Set the NewLineMode to div.
- Create an ordered or unordered list with 6 items. It does not matter if you start the list first and then press the Bulleted List or Numbered List button or highlight the entries and then press the button. The HTML looks like this:
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
</ul>
- Highlight the 3rd and 4th entries.
- The 3rd and 4th entries will be removed from the bulleted list and the list broken into two pieces. The entries are wrapped in paragraph tags instead of div tags. Since I am using NewLineMode="div", I would expect Three and Four to be wrapped in div tags.
<ul>
<li>One</li>
<li>Two</li>
</ul>
<p>Three</p>
<p>Four</p>
<ul>
<li>Five</li>
<li>Six</li>
</ul>
This is what I would expect instead:
<ul>
<li>One</li>
<li>Two</li>
</ul>
<div>Three</div>
<div>Four</div>
<ul>
<li>Five</li>
<li>Six</li>
</ul>