Add ellipsis to input when overflows

DannyFeliz · Jan 12, 2020 · d6bdef7 · d6bdef7
1 parent 7fd4148
commit d6bdef7
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/EmailDropdown.vue b/src/components/EmailDropdown.vue
@@ -8,7 +8,6 @@
       :value="email"
       :class="inputClasses"
       @focus="handleEmailInputFocus"
-      @blur="handleEmailInputBlur"
       @input="handleInputEvent"
       @keyup.up="handleListNavigation('up')"
       @keyup.down="handleListNavigation('down')"
@@ -245,6 +244,10 @@ export default {
   justify-content: center;
   align-content: center;
 
+  input {
+    text-overflow: ellipsis;
+  }
+
   .email-dropdown-list-container {
     position: relative;
     height: 0;