m-notched-outline not working with m-select

[e-oj]

Great job with this library. I'm trying to use notched outline with the select component but it's not working.

To Reproduce
Steps to reproduce the behavior:

<m-select outlined v-model="address.city" id="city-settings">
   <option :key="'rochester'" :value="'Rochester'">Rochester</option>

   <m-floating-label slot="label">
     City
   </m-floating-label>

   <m-notched-outline slot="line"></m-notched-outline>
</m-select>

Expected behavior
Should behave like the outlined select example

Screenshots
Does this instead

Any help would be appreciated

[matsp]

Thanks for filling this issue.

The arrow issue could be resolved with postcss/autoprefixer or manual adding '-webkit-appearance: none;' to the CSS class.

You imported the notched-outline component correctly? Can you see it in the DOM?

[e-oj]

I can't see it in the DOM. The notched outline component is imported correctly though; I'm using it successfully on textfields in the same form.

[matsp]

At least the js instantion is missing. I have to investigate why it is working on the textfield.

[e-oj]

JS imports

Style Imports

[matsp]

I meant on the component side. Think your code is okay ;)

[e-oj]

Oh. Alright.

[matsp]

@e-oj
Can you upgrade to version 0.26.0 and have a look if it fixed your issue?

[e-oj]

Yes it does. Thanks 👍 👍

[matsp]

Thanks for testing 👌