IE option menu is different when right clicked on element with hasLayout==true

[Irina]

Steps to reproduce

1. Copy&paste following in the Source tab:

<p dir="ltr">&nbsp;</p>
<p dir="ltr" style="width: 100%;"><a href="http://c.cksource.com/a/5/img/sprites.png" target="_blank"><img src="http://c.cksource.com/a/5/img/sprites.png" style="margin: 0px auto; text-align: center; display: block;" /> </a></p>

2. Switch back to the rich text view.
3. Right click the image to get context menu.

Expected result

Link and image context menu options presented.

Actual result

Only 'paste' menu option available.

Other details (browser, OS, CKEditor version, installed plugins)

IE11/10

[Jakub Ś]

Problem can be reproduced from CKEditor 4.0 in IE 9-11.

This is not the problem with Centered Image but with P element having layout - ​http://www.satzansatz.de/cssd/onhavinglayout.html.
You have assigned width:100% to that P element which makes it have layout. The visual indicator of such state are IE native resize handles.

We should check if CKEditor cannot find correct element and display appropriate menu options

Workarounds

1. When you click to the left of P, every menu option is displayed.
2. When you select e.g. img in element's path and then right-click, every menu option is displayed
3. When you don't use width:100%, every menu option is displayed. By the way P is block element so it takes up "whole line". I don't think width is realy needed here.

[Irina]

Thanks for your message, in the original issue DIV was used instead of the styled P, but outcome was the same

<p dir="ltr">&nbsp;</p>

<div dir="ltr" style="width: 100%; display: inline-block;">
<a href="http://c.cksource.com/a/5/img/sprites.png" target="_blank">
<img  src="http://c.cksource.com/a/5/img/sprites.png" style="display:block; margin:0px auto; text-align:center" />
</a>
</div>

[Jakub Ś]

Yes, but you are also assigning width there. This is the same case. Once you remove width (I would also suggest inline-block) it will be back to normal.