Anchor displayed as inline-block in IE

[tiois]

When using a template that renders an anchor in display: inline-block, it's impossible to edit the content of this anchor. The problem occurs in IE8/9, not Firefox of Chrome.

The Source is :

<p><a class="file file_doc" href="#">Document PowerPoint</a></p>

The CSS is :

.editor .file {

display: inline-block; padding: 2px 0 2px 22px;

}

.editor a.file_ppt {

background:url(/bundles/projectfrontendcore/images/ul/icones/ppt.gif) no-repeat 0 1px;

}

[j.swiderski]

DUP of #8525.

As written in #8525

If instead of using the context menu the toolbar is used then it works correctly, as well as double clicking.

[tiois]

In fact, when I wrote "to edit" the content of the link, I meant to change the text in the anchor, I'm not trying to edit the properties of this link.

So, I don't think this issue duplicates #8525.

[j.swiderski]

@tiois Thank you for providing more details.

To reproduce:

1. Paste the below into Source mode and switch to WYSIWYG

   <a href="http://p2.pl" style="display: inline-block;">http://p2.pl</a>
   

2. In IE8 or IE9 try to change the text of the link by clicking on it and typing text.

Result: You can't.

NOTE: In IE6-7 you can do it after you click on such link for the second time.