Calling AngularJs function after css rotation

Question

I have a button that rotates on click for confirmation. http://jsfiddle.net/ADukg/21763/

.flip-button-wrapper.selected .button-flipper{
   transform: rotateX(-90deg);
}

Initial click works fine, but after rotation, function is not being called.

Not sure if this is css issue of angular.

Please help

Answer 1

I know it's super weird and I can't seem to find anything that explains it as it seems like a bug in CSS, but for some reason when rotating 90 degrees, this seems to occur. I'll try to find other reasons but at least for now try:

.flip-button-wrapper.selected .button-flipper{
    transform: rotateX(-89.99deg);
}

It'll render the same but it'll allow you to click and toggle between rotating up and down.