CODEWITHSUNDEEP
angularjstwitter-bootstrap
pthalacker
pthalacker

Reputation: 2124

Bootstrap button click event only fires on upper half

I have a button with no other styling than that provided by Bootstrap

<button class="btn btn-primary"
                ng-disabled = "svc.selectDisabled"
                ng-click="svc.chooseSelected()">Auswählen</button>

The click event only fires on the upper half of the button surface as indicated by the cursor hover.

Cursor on upper half Cursor on lower half

Any ideas how to fix this?

Upvotes: 0

Views: 481

Answers (1)

Joe Lloyd
Joe Lloyd

Reputation: 22493

Check css

open dev tools and hove the button to see the area that is taken up by the button itself. like the diagram below.

enter image description here

or use the select element button (in the red square)

enter image description here

and hover over the button. this will let you see if something is over the top of it.

If something is over the top then you need to set relative and give it a z-index. Or better, make sure to trim off things you don't need.

Upvotes: 2

Related Questions