search

silencesys / silentbox

A lightbox inspired Vue.js component.
https://silentbox.rocek.dev
MIT License
296 stars 51 forks source link

Arrow left and right isn't there on <silentbox-group> #5

Closed dotdevch closed 6 years ago

dotdevch commented 6 years ago

Hi, Vuejs SilentBox is very cool :) But the arrow left and right isn't there if I use the <silentbox-group> . I can slide next picture with the arrow keyboard.

This is my code :

<silentbox-group>
   <silentbox-item v-for="item in galerie" :key="item.ID" :src="item.sizes.large" :description="item.caption">
      <img :src="item.sizes.thumb_630" >
   </silentbox-item>
</silentbox-group>

Thank's for reply

silencesys commented 6 years ago

May I ask you which browser you use? Is there any error in dev console?

dotdevch commented 6 years ago

I use Firefox but I also tested with Chrome and Safari (same bug). I have no errors when I load the page but when I navigate to next element with arrow key. There are some errors in the console.

I checked the source code and I think there is a problem with : items.total item.list contain 4 elements but total is always set to 0. If I change this value with Vue Dev Tools the arrow icon is showed.

console vuedevtools

silencesys commented 6 years ago

It should be fixed now, thank you for reporting it. :)

dotdevch commented 6 years ago

Yes it's works :) Thanks for your reactivity :)