search

PacktPublishing / Vue-js-2-Web-Development-Projects

Vue js 2 Web Development Projects, published by Packt
MIT License
222 stars 144 forks source link

CSS uses pointer-events: none for .hand?? #1

Open MichaelFromin opened 6 years ago

MichaelFromin commented 6 years ago

With that CSS setting you don't seem to be able to click on a card inside the .hand div. This seems like an error?

alokpant commented 6 years ago

@MichaelFromin Already spend more than few hours just trying to figure out why the event was not emitting. Thank you very much.

hayahayao commented 5 years ago

In .hand's CSS setting there is: pointer-events:none;

1Cr18Ni9 commented 5 years ago

With that CSS setting you don't seem to be able to click on a card inside the .hand div. This seems like an error?

If you follow that book step by step you will come cross this problem. The author seems to forget to remind the readers that this rule can be switch to normal state by: 

.can-play .hand {
    pointer-events: all
}