ares-ide/lib/layout/flex/source/mixin.LayoutInvalidator.js

A browser-based code editor and UI designer for Enyo 2 projects

/**
 * Layout Invalidator Mixin for IE
 * Triggers FlexLayout reflow whenever content or class is changed
 * @author Lex Podgorny <lex.podgorny@lge.com>
 */

enyo.LayoutInvalidator = {
	name: 'LayoutInvalidator',

	handlers: {
		onInvalidateLayout: 'onInvalidateLayout'
	},

	onInvalidateLayout: function() {
		if (!this.layoutKind) { return false; }
		if (this.layout.kindName == 'enyo.ContentLayout') {
			this.layout.reflow();
		}
	},

	rendered: enyo.inherit(function (sup) {
		return function() {
			sup.apply(this, arguments);
			this.invalidateLayout();
		};
	}),

	invalidateLayout: function() {
		if (!this.hasNode()) { return; }
		this.bubble('onInvalidateLayout', {}, this);
	},

	contentChanged: enyo.inherit(function (sup) {
		return function() {
			sup.apply(this, arguments);
			this.invalidateLayout();
		};
	}),

	classesChanged: enyo.inherit(function (sup) {
		return function() {
			sup.apply(this, arguments);
			this.invalidateLayout();
		};
	})

	// Causes stack overflow
	// domStylesChanged: function() {
	//    sup.apply(this, arguments);
	//    this.invalidateLayout();
	// }
};

enyo.Control.extend({
	mixins: ['enyo.LayoutInvalidator']
});