@dobbel
OK I see it. Thanks for letting me know. I’ll re-post on the new GitHub forum.

@cwoodman No problem, glad to help!

Forget it - found a way to allow user to clear without needing the button; the filter function can check for zero length text and clear the model.

Great! thanks.

Well this is just weird!
Vetur was showing every line with error in two of my components. After trying many things, I accidentally discovered that changing the filename fixed the problem!
So TreeSelect.vue was full of errors starting with the <template> tag, but renaming to SelectTree.vue made them all go away!
And now, my jest tests are working again too!
I’ll leave this post up in case someone else falls into this weird situation.

Yes that works. Thanks a bunch.

Hoping to do a PWA if I can figure out how.

@dobbel Yes it works fine. Should have upgraded a while ago. Sorry for the bother.

OK, found the solution - I just enclosed the table in a q-scroll-area when in mobile.

@turigeza OK it works! And by adding the ‘virtual-scroll-sticky-size-start’ and ‘virtual-scroll-sticky-size-end’ props, I got it to show both the first and last rows when selected.

Thanks again for your help!

@dobbel Thanks. That’s a much neater solution!

In the real app, tabs are added via vuex, but your approach will still work with that - just need to watch the store’s tablist.

Seems the easiest way is to use ‘col-auto’ class, and maybe set the min-width and/or max-width?

I’ve used rows and cols with Bootstrap, but seems there’s lots more to flex that I need to understand.
Thanks again for your help and patience.
BTW, my app is working fine now with scrollbars when needed, and no superfluous ones.

Thanks. I found the problem. Number of steps is dynamic, based on props and valid steps are contained in an array. I was trying to set the initial step before the array was set up. Just had to get things in the right order after mounting.

@CWoodman thats fast, great work ! Will save this code for myself

@CWoodman this tree implementation is VERY interesting - it has one of the cleanest and elegant implementation, it has PROPER dnd handling of middle nodes, and is generally easy to extend/modify:

https://github.com/TinyWisp/twtree

BEWARE - it is not optimized for large trees, I hope there will be commits soon from some good soul, correcting those few simple inefficiencies. If it will be corrected, this tree might be one of the best vue trees.

@turigeza Got it! Works perfectly. Thanks for your help and patience!

If it’s not gonna make it to the core, it’s worth making it into an app-extension, should help other devs that might need.

I agree. Thanks again for your help!