Vue-material: [mdSelect] multiple checkboxes appear broken on vue 2.3

Created on 25 May 2017  路  6Comments  路  Source: vuematerial/vue-material

Hello -

Was attempting to use a 'multi select' component the demo docs; did not get the 'checked' detail on the left of the list items (only a box, no checkmark/animation rendered on select, rest of component appears ok). Researching for open issues I stumbled onto the codepens in:

https://github.com/vuematerial/vue-material/issues/245
http://codepen.io/thoss/pen/BQexmm

https://github.com/vuematerial/vue-material/issues/672
http://codepen.io/jaydubyasee/pen/qrzNNr

and did some experimentation - the issue 245 one was not a multi select,
so I tweaked it to be, and got no checkbox -

cross checking against the issue 672 one which was already a multi, the checkbox worked.

Paring down further to a minimal example, this status stayed the same.

I then checked the 'config' settings for each and noted the working one was pinned to vue 2.1.6, the non-working was pinned to current (currently 2.3.3). Keeping the code the same and modifying the dependencies in each caused the breakage (e.g. vue > 2.2 failed, vue < 2.3 worked.). I did cross check specifically 2.2.6 vs 2.3.0 so it appears some interaction specifically with vue 2.3 causes the issue..

Since the above codepens are fairly minimal and tweakable for testing, didn't create a separate one.. can do if needed. The two together also isolate out static vs dynamic (v-for) list rendering, fwiw.

Obviously this could be a vue regression as well obviously..
Further pointers welcome as well.

Thanks in advance & for the library.

bug

Most helpful comment

Hello @ixcat ! :D
That's suuuuper weird, but, as you said, this could be a regression or something. I'll tag this issue as a bug and we'll look into it ASAP.

Thank you! :D

All 6 comments

Hello @ixcat ! :D
That's suuuuper weird, but, as you said, this could be a regression or something. I'll tag this issue as a bug and we'll look into it ASAP.

Thank you! :D

Up. Having the same issue.

Having same issue issue - thanks!

Same issue here - thank you for looking into it!

Same issue - any progress on this?
I get this kind of error on the console, if that can be of any help. I've been using 0.71 and 0.72.

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'indexOf' of undefined"

found in

---> <MdOption>
       <MdList>
         <MdMenuContent>
           <MdMenu>
             <MdSelect>
               <MdInputContainer>
                 <MdWhiteframe>
                   <MdTab>
                     <Standardreport>
                       <MdTabs>
                         <Anonymous>
                           <Root>
warn @ vue.js:440
vue.js:529 TypeError: Cannot read property 'indexOf' of undefined
    at VueComponent.mounted (vue-material.js:8)
    at callHook (vue.js:2560)
    at Object.insert (vue.js:3381)
    at invokeInsertHook (vue.js:5205)
    at VueComponent.patch [as __patch__] (vue.js:5370)
    at VueComponent.Vue._update (vue.js:2327)
    at VueComponent.updateComponent (vue.js:2443)
    at Watcher.get (vue.js:2780)
    at Watcher.run (vue.js:2850)
    at flushSchedulerQueue (vue.js:2619)
handleError @ vue.js:529

I had the problem with the 0.7.1 tag, but the 0.7.2 (released yesterday) seems to fix the problem.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tridcatij picture tridcatij  路  3Comments

sergey-koretsky picture sergey-koretsky  路  3Comments

diverted247 picture diverted247  路  3Comments

philipfeldmann picture philipfeldmann  路  3Comments

Feduch picture Feduch  路  3Comments