@neovici/cosmoz-bottom-bar 7.1.1 → 7.1.3

package/cosmoz-bottom-bar.js

@@ -127,18 +127,8 @@ class CosmozBottomBar extends PolymerElement {
 			 */
 			computedBarHeight: {
 				type: Number,
-				computed:
-					'_computeComputedBarHeight(_matchHeightElement, barHeight, _computedBarHeightKicker)',
 				notify: true,
 			},
-
-			/**
-			 * Kicker to make `computedBarHeight` recalculate
-			 */
-			_computedBarHeightKicker: {
-				type: Number,
-			},
-
 			forceOpen: {
 				type: Boolean,
 				value: false,
@@ -211,7 +201,10 @@ class CosmozBottomBar extends PolymerElement {
 			this._debounceLayoutActions(),
 		);
 		this._resizeObserver.observe(this);
-		this._computedBarHeightKicker = 0;
+		this.computedBarHeight = this._computeComputedBarHeight(
+			this._matchHeightElement,
+			this.barHeight,
+		);
 	}
 
 	disconnectedCallback() {
@@ -356,7 +349,7 @@ class CosmozBottomBar extends PolymerElement {
 
 	_moveElement(element, toToolbar) {
 		const slot = toToolbar ? BOTTOM_BAR_TOOLBAR_SLOT : BOTTOM_BAR_MENU_SLOT,
-			tabindex = toToolbar ? '0' : '-1';
+			tabindex = '0';
 		element.setAttribute('slot', slot);
 		element.setAttribute('tabindex', tabindex);
 		element.classList.toggle(this.menuClass, !toToolbar);
@@ -371,7 +364,10 @@ class CosmozBottomBar extends PolymerElement {
 		if (hidden) {
 			return;
 		}
-		this._computedBarHeightKicker += 1;
+		this.computedBarHeight = this._computeComputedBarHeight(
+			this._matchHeightElement,
+			this.barHeight,
+		);
 	}
 
 	_showHideBottomBar(visible) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-bottom-bar",
-	"version": "7.1.1",
+	"version": "7.1.3",
 	"description": "A responsive bottom-bar that can house buttons/actions and a menu for the buttons that won't fit the available width.",
 	"keywords": [
 		"polymer",