search

RobinCK / vue-gallery

:camera: Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. 🇺🇦
https://robinck.github.io/vue-gallery/
MIT License
470 stars 85 forks source link

Modal is not working in production mode #102

Open swthate opened 5 years ago

swthate commented 5 years ago

I installed via npm install vue-gallery --save as per the documentation. I got everything working great in my dev environment and after building my assets and pushing to production I saw that the modal didn't work. It showed a strange, un-styled "close" button.

As far as I can tell it seems like the dependency of the vue-gallery component, blueimp-gallery is not getting its styles loaded:

image

I tried to manually add blueimp-gallery as my own dependency thinking for some reason it wasn't getting caught, but that isn't working either.

Any ideas?

omer-itc commented 5 years ago

i think you must write unique key and unique id on gallery element.

mornir commented 5 years ago

Do you use Tailwind and/or PurgeCSS? If yes, you need to whitelist the css selector like this:

whitelistPatternsChildren: [/^blueimp.+/]