Vue-material: [MdSelect] displays down arrow on top of the clear X

Created on 25 Feb 2018  路  2Comments  路  Source: vuematerial/vue-material

Steps to reproduce

  1. Use md-select + md-clearable together
  2. select a value

Which browser?

  • [x] Chrome

What is expected?


Clear button appears to the right of down arrow. or down arrow disappears

What is actually happening?


Both down arrow and clear button appear on top of each other

Reproduction Link



Codepen link

wontfix
Source
picture goatandsheep

Most helpful comment

For anyone wondering how I worked around this, I made an additional option called None and set the value to empty string. This reset the form. See this codepen for details: https://codepen.io/anon/pen/xYQKRE

picture goatandsheep on 26 Feb 2018
👍2

All 2 comments

MdSelect cant be clearable because it have arrow on right and it should mimics native select.

Samuell1 picture Samuell1 on 26 Feb 2018
👍1

For anyone wondering how I worked around this, I made an additional option called None and set the value to empty string. This reset the form. See this codepen for details: https://codepen.io/anon/pen/xYQKRE

goatandsheep picture goatandsheep on 26 Feb 2018
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

lee-frank picture lee-frank  路  3Comments
andreujuanc picture andreujuanc  路  3Comments
lovepluskaka picture lovepluskaka  路  3Comments
maryleloisa picture maryleloisa  路  3Comments
tridcatij picture tridcatij  路  3Comments