focus fix for contact chips

adopted-ember-addons · Nov 3, 2016 · c28c6bf · c28c6bf
1 parent f333388
commit c28c6bf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/templates/components/paper-contact-chips.hbs b/app/templates/components/paper-contact-chips.hbs
@@ -1,7 +1,7 @@
-<md-chips class="md-chips md-contact-chips {{if isFocused 'md-focused'}}">
-  <md-chips-wrap class="md-chips md-contact-chips {{if isFocused 'md-focused'}}" tabindex="-1" onkeydown={{action 'keyDown'}} onfocus={{action 'chipsFocus'}} onblur={{action 'chipsBlur'}}>
+<md-chips class="md-chips md-contact-chips {{if (and (not readOnly) isFocused) 'md-focused'}}">
+  <md-chips-wrap class="md-chips md-contact-chips {{if (and (not readOnly) isFocused) 'md-focused'}}" tabindex="-1" onkeydown={{action 'keyDown'}} onfocus={{action 'chipsFocus'}} onblur={{action 'chipsBlur'}}>
     {{#each content as |item index|}}
-      <md-chip class="md-chip md-default-theme {{if (eq activeChip index) 'md-focused'}}">
+      <md-chip class="md-chip md-default-theme  {{if readOnly 'md-readonly'}} {{if (eq activeChip index) 'md-focused'}}">
         <div class="md-chip-content" tabindex="-1" aria-hidden="true">
           <div class="md-contact-avatar">
             <img src={{item.image}}>