Limit resize notifications

cosmoz-tab.js

@@ -55,8 +55,8 @@
 		},
 
 		behaviors: [
-			Cosmoz.TabbableBehavior,
-			Cosmoz.TabbedBehavior
+			Cosmoz.TabbedBehavior,
+			Cosmoz.TabbableBehavior
 		],
 
 		observers: [
@@ -104,6 +104,10 @@
 				value: value,
 				item: this
 			});
+		},
+
+		resizerShouldBeNotified(resizable) {
+			return resizable.parentNode !== this.$.header;
 		}
 
 	});

cosmoz-tabbable-behavior.html

@@ -177,7 +177,7 @@
 				opts = {node: item, bubbles: false };
 
 			if (index > -1) {
-				this.async(this.notifyResize);
+				this.debounce('select-resize', this.notifyResize);
 
 				if (!item._previouslySelected) {
 					this.fire('tab-first-select', {}, opts);
@@ -210,7 +210,39 @@
 
 		_normalizeValue: function (value) {
 			return this.attrForSelected ? value : isNaN(value) || value === null ? value : Number(value);
+		},
+
+		/**
+		* True if the current element is visible.
+		*/
+		get _isVisible() {
+			return Boolean(this.offsetWidth || this.offsetHeight);
+		},
+
+		resizerShouldBeNotified() {
+			return true;
+		},
+
+		_onDescendantIronResize(event) {
+			if (this._notifyingDescendant || !this._isVisible || !this.resizerShouldBeNotified(event.target)) {
+				event.stopPropagation();
+				return;
+			}
+
+			if (Polymer.Settings.useShadow && event.target.domHost === this) {
+				return;
+			}
+
+			this._fireResize();
+		},
+
+		notifyResize() {
+			if (!this.isAttached || !this._isVisible) {
+				return;
+			}
+			Polymer.IronResizableBehavior.notifyResize.call(this);
 		}
+
 	};
 
 	/** @polymerBehavior */

cosmoz-tabs.js

@@ -245,6 +245,14 @@
 			}
 
 			event.preventDefault();
+		},
+
+		resizerShouldNotify(resizable) {
+			return resizable.is === 'paper-tabs' || resizable.isSelected;
+		},
+
+		resizerShouldBeNotified(resizable) {
+			return this.items.indexOf(resizable) > -1 && resizable.isSelected;
 		}
 	});
 }());