I am having a problem with anchors and bulleted links specifically in Internet Explorer. I can reproduce using the Telerik demo at:
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx
Steps (using IE8):
- Create 4 bullet points and give each some text
- Select the text using the mouse in the second bullet point and insert a link and point it to http://www.google.com
The bullet as well at the text becomes part of the link and view source shows the following (note the anchor is outside the li rather than within it):
<ul>
<li>link 1</li>
<a href="http://www.google.com">
<li>link 2</li>
</a>
<li>link 3</li>
<li>link 4</li>
</ul>
The problem is IE selects a space after link 2 when you let go of the mouse when inserting the anchor even though there is no space to select. If you select 'link 3' without the space (put the cursor before the l and shift +right arrow to only select the text) and insert the same anchor again, you get the following correct code:
<li><a href="http://www.google.com">link 3</a></li>
I guess this is an IE issue as it does not happen in chrome or firefox. That said, is this a known issue and is there any workaround as shift selecting is not ideal?
Many thanks
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx
Steps (using IE8):
- Create 4 bullet points and give each some text
- Select the text using the mouse in the second bullet point and insert a link and point it to http://www.google.com
The bullet as well at the text becomes part of the link and view source shows the following (note the anchor is outside the li rather than within it):
<ul>
<li>link 1</li>
<a href="http://www.google.com">
<li>link 2</li>
</a>
<li>link 3</li>
<li>link 4</li>
</ul>
The problem is IE selects a space after link 2 when you let go of the mouse when inserting the anchor even though there is no space to select. If you select 'link 3' without the space (put the cursor before the l and shift +right arrow to only select the text) and insert the same anchor again, you get the following correct code:
<li><a href="http://www.google.com">link 3</a></li>
I guess this is an IE issue as it does not happen in chrome or firefox. That said, is this a known issue and is there any workaround as shift selecting is not ideal?
Many thanks