[CSS 3] Solved: DOM element which is visible but not clickable: pointer-events

A strange bug that one toastr showing on the screen... it should happen that when I click the toastr, it should be dismissed.

But it doesn't....

I was thinking `z-index` first... but later find out, it is about `pointer-events: none`

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

 

To solve the problem, 

1. find where it adds `pointer-events: none`, change it to `pointer-events: auto`