Opened 5 years ago

Last modified 4 years 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:


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.

function(declare, Editor){
	return declare([Editor],
		_applyEditingAreaStyleSheets: function () {
			var style = [
				// all objects
				"\t* {\n",
				"\t\tmax-width: 100%;\n",
			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 5 years ago by dylan

Milestone: tbd1.12

Will investigate for Dojo 1.12 if possible.

comment:2 Changed 5 years ago by dylan

Milestone: 1.121.13

Unfortunately need to defer this to 1.13.

comment:3 Changed 4 years ago by dylan

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