search

vue-bulma / datepicker

Datepicker Component for Vue Bulma
MIT License
115 stars 56 forks source link

Can't use datepicker in the modal component #47

Open wukaikailive opened 7 years ago

wukaikailive commented 7 years ago

I can't use datepicker in the modal component. Because the modal component will cover the datepicker.

There is my screenshot: wpabcszkm 8vaacb0xpn ft

Can i get any suggestions? Thanks.

Kuchiriel commented 7 years ago

I have the same issue, I think its is related to flatpickr.

luventa commented 7 years ago

related issue. #48 I will try to find a way to fix this. Thanks guys!

elvisyang2016 commented 7 years ago

Any update?

Kuchiriel commented 7 years ago

@elvisyang2016

Try override the css datepicker { z-index: 99999; }

havgry commented 7 years ago

I can't replicate the issue locally. The flatpickr z-index is 99999 (999 if static) while the Bulma modal is 20. Provide a JSFiddle if you're serious about resolving this.

elvisyang2016 commented 7 years ago

@Kuchiriel @havgry Thanks. I used to check the issues before I apply it. I do not find this issue too. But there is another issue blocking me to use it. I wanted add addons to the input dom using slot, but can't get the right style. Finally, I found out this component is based on Bulma 0.3.x, and the addons format already changed in 0.4.x.

Kuchiriel commented 7 years ago

@elvisyang2016 Yes, I am using bulma-stylus, which sticks with 0.3.x, It would be interesting to update the components, Bulma 0.4.x looks nice.

erythro commented 5 years ago

Here is a css fix for the modal