Opened 4 years ago

Last modified 4 years ago

#13708 confirmed Bug

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

Reported by: Irina Owned by:
Priority: Normal Milestone:
Component: General Version: 4.0
Keywords: IBM, IE Cc: Satya Minnekanti, giogio, inga, Christophe Guillou

Description

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>

  1. Switch back to the rich text view.
  2. 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

Change History (3)

comment:1 Changed 4 years ago by Jakub Ś

Status: newconfirmed
Summary: option menu is different when right clicked on centered layout imageIE option menu is different when right clicked on element with hasLayout==true
Version: 4.4.84.0

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.

comment:2 Changed 4 years ago by 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>

comment:3 Changed 4 years ago by 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy