From 52dca65fdc5776c142ff0a4a12eb15a7a8c57b44 Mon Sep 17 00:00:00 2001
From: Ronny Roeller <ronny@collaborne.com>
Date: Mon, 24 Jul 2017 10:58:00 +0200
Subject: [PATCH] Bugfix: prevent badge from being positioned at wrong place

When the search bar was initialized with no filters (nrSelectedFilters = 0): the badge would be hidden and thereby not positioned next to the filter button. Onc
e a filter was selected (nrSelectedFilters > 0), the badge became visible but wa
sn't positioned correctly.
This is avoided by positioning the badge from the beginning but just making it invisible.
---
 paper-search-bar.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/paper-search-bar.html b/paper-search-bar.html
index ff4cf2c..151e4e2 100644
--- a/paper-search-bar.html
+++ b/paper-search-bar.html
@@ -64,6 +64,10 @@
 				--paper-badge-margin-left: -5px;
 				--paper-badge-margin-bottom: -25px;
 			}
+
+			.badge[invisible] {
+				visibility: hidden;
+			}
 		</style>
 
 		<iron-icon icon="[[icon]]" class="icon"></iron-icon>
@@ -79,7 +83,7 @@
 			<template is="dom-if" if="{{!disableFilterButton}}">
 				<paper-icon-button id="filter" icon="image:tune" on-tap="_filter" class="icon"></paper-icon-button>
 			</template>
-			<paper-badge for="filter" label="[[nrSelectedFilters]]" class="badge" hidden$="[[!nrSelectedFilters]]"></paper-badge>
+			<paper-badge for="filter" label="[[nrSelectedFilters]]" class="badge" invisible$="[[!nrSelectedFilters]]"></paper-badge>
 		</template>
 	</template>
 </dom-module>