Do not create autocomplete list markup when filter.length is zero (side effect Firefox)
authorChloe Laisne <chloe.laisne@gmail.com>
Fri, 24 Jun 2016 15:05:38 +0200
changeset 205 6292498ac184
parent 204 dd969e178944
child 206 e038d5782d06
Do not create autocomplete list markup when filter.length is zero (side effect Firefox)
cms/app-client/app/styles/components/filtering-component.scss
cms/app-client/app/templates/components/filtering-component.hbs
--- a/cms/app-client/app/styles/components/filtering-component.scss	Fri Jun 24 02:07:09 2016 +0200
+++ b/cms/app-client/app/styles/components/filtering-component.scss	Fri Jun 24 15:05:38 2016 +0200
@@ -27,16 +27,29 @@
     font-size: 12px;
 }
 
+.filtering-component input::-moz-placeholder {
+    opacity: 1;
+    color: #ffffff;
+}
+
+.filtering-component input:focus {
+    border-color: #25333e;
+    color: #25333e;
+    outline: none;
+}
+
 .filtering-component ul {
     display: none;
     position: absolute;
     z-index: 1;
     list-style: none;
+    min-height: 0px;
     max-height: 400px;
     margin: 0;
     padding: 0;
     background-color: #ffffff;
     overflow-y: scroll;
+    margin-top: -1px;
 }
 
 .filtering-component ul.open {
--- a/cms/app-client/app/templates/components/filtering-component.hbs	Fri Jun 24 02:07:09 2016 +0200
+++ b/cms/app-client/app/templates/components/filtering-component.hbs	Fri Jun 24 15:05:38 2016 +0200
@@ -2,8 +2,10 @@
 
 {{ input value=filter type='text' placeholder='Entrez une thématique' focus-in='focusIn'}}
 
+{{#if filteredThemes.length}}
 <ul class="filters{{if isDropdownOpen ' open'}}">
     {{#each filteredThemes as |theme|}}
     <li {{ action 'setQueryParameters' theme.id on='mouseUp'}}>{{ theme.label }}<span>({{ theme.count }})</span></li>
     {{/each}}
-</ul>
\ No newline at end of file
+</ul>
+{{/if}}
\ No newline at end of file