Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#5964 closed Bug (wontfix)

Resizing images is buggy with IE8 and RTL direction

Reported by: Ben Owned by:
Priority: Normal Milestone:
Component: General Version: 3.3.1
Keywords: IE CantFix Cc:

Description

When setting the editor to RTL direction, when resizing an image, the small boxes appear, but when I drag them, its all opposite! the cursors are flipped and it all gets messy.

Happens only with IE8! But IE8 + Compatibility mode works fine. (IE7,Firefox etc. works fine also)

Attachments (1)

Untitled.jpg (66.8 KB) - added by Ben 7 years ago.
The flipped cursor example

Download all attachments as: .zip

Change History (9)

Changed 7 years ago by Ben

Attachment: Untitled.jpg added

The flipped cursor example

comment:1 Changed 7 years ago by Alfonso Martínez de Lizarrondo

Keywords: IE CantFix added; IE8 rtl images resize removed
Milestone: CKEditor 3.x
Priority: HighNormal
Resolution: wontfix
Status: newclosed

The resizing handles are browser specific, and we don't do anything about them.

You should file a bug with Microsoft: https://connect.microsoft.com/IE/Feedback?wa=wsignin1.0

comment:2 Changed 7 years ago by Ben

Keywords: IE8 rtl images resize added; IE CantFix removed
Resolution: wontfix
Status: closedreopened

It's not about the handles.

It's about the image resizing incorrectly.

Please try it before closing.

Other editors work just fine. its a bug in code which is not compatible with IE8.

comment:3 Changed 7 years ago by Alfonso Martínez de Lizarrondo

Keywords: Pending added; IE8 rtl images resize removed

Which other editors are working fine? (with the same kind of setup)

comment:4 Changed 7 years ago by Ben

Just tested SPAW editor, works good with RTL and IE8

comment:5 Changed 7 years ago by Ben

TinyMCE works great too...

I'm sure i'll find some more if i want to

comment:6 Changed 7 years ago by Alfonso Martínez de Lizarrondo

Keywords: IE CantFix added; Pending removed
Resolution: wontfix
Status: reopenedclosed

The difference is that they are leaving the editing frame in quirks mode. You can do the same using config.docType

This file shows that it's a native IE8 problem, as you can check there's no script at all in the code, but the problem does exist:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Resize handles bug</title>
	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
</head>
<body>
	<h1>IE 8 standards mode bug</h1>
	<p>Resize handles for tables and images in a contentEditable element work incorrectly for RTL contents</p>

	<div contentEditable="true" style="padding:0.4em; border:3px solid #e5e5e5">
		<div dir="ltr">
			<p>This first paragraph is LTR, and it works fine.
				<img src="http://profile.ak.fbcdn.net/object2/256/70/s167944609085_5092.jpg" alt="test image">
			</p>
			<table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
				<tbody>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
				</tbody>
			</table>
		</div>

		<div dir="rtl">
			<p>This second paragraph is in RTL and shows the problem.
				<img src="http://profile.ak.fbcdn.net/object2/256/70/s167944609085_5092.jpg" alt="test image">
			</p>
			<table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
				<tbody>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>

comment:8 Changed 7 years ago by Alfonso Martínez de Lizarrondo

Microsoft has acknowledged the bug but has closed it was won't fix in the IE9 timeframe.

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