search

paulcollett / vue-masonry-css

Vue.js Masonry layout component powered by CSS, dependancy free
https://paulcollett.github.io/vue-masonry-css/demo/
MIT License
473 stars 42 forks source link

VTextField Unable to Receive Focus Event On Breakpoint Change When Using Vuetify.js #17

Open 185driver opened 5 years ago

185driver commented 5 years ago

Hi, I'm trying to use the vue-masonry-css plugin with vuetify.js. The plugin seems to work quite well for layout, but I'm getting a side-effect when used with vuetify's v-text-field component. On breakpoint change (when manually resizing the browser), the input no longer is able to receive focus. This issue does not seem to occur when using generic inputs in vue.js so it seems related to vuetify use. How might I determine the cause and a fix? Thanks.

codepen example: https://codepen.io/185driver/pen/qJqxXq

cjpelaezrivas commented 5 years ago

Hi, same issue here, but with v-img component. Images look to load fine, but on breakpoint change (manually resizing browser) all images are lost. You can see a working example in [1].

Exploring the code, all image components lose CSS styling on breakpoints change. Maybe the text field lose focus condition is related with styles too? :confused:

[1] https://codepen.io/cjpelaez/pen/WYrBPK