Opened 3 years ago

Last modified 20 months ago

#18890 new defect

Applying * { max-width:100%; } causes IE to render many objects with "rezise handles" and making them not editable

Reported by: toja83 Owned by:
Priority: undecided Milestone: 1.14
Component: Editor Version: 1.11.2
Keywords: Cc:
Blocked By: Blocking:

Description

How to trigger the bug. Create bellow class, and use that one. Open in IE11, try to add bullet list or unordered list, also usually problems with "image", "div" and "p", etc. Impossible to edit, and also creates resize handles around the objects.

define([
	"dojo/_base/declare",
	"dijit/Editor",
],
function(declare, Editor){
	return declare([Editor],
	{
		_applyEditingAreaStyleSheets: function () {
			var style = [
				"<style>\n",
				
				// all objects
				"\t* {\n",
				"\t\tmax-width: 100%;\n",
				"\t}\n",
				
				"</style>\n"
			].join("");
			
			return style + this.inherited(arguments);
		}
	});
});

If there is another way to make sure objects in the editor does not grow wider than the actual width of the editor, please inform me, I have not found any way.

Change History (3)

comment:1 Changed 3 years ago by dylan

Milestone: tbd1.12

Will investigate for Dojo 1.12 if possible.

comment:2 Changed 3 years ago by dylan

Milestone: 1.121.13

Unfortunately need to defer this to 1.13.

comment:3 Changed 20 months ago by dylan

Milestone: 1.131.14
Note: See TracTickets for help on using tickets.