Skip to content

Fixed being able to click through the arrow#13

Merged
hojberg merged 3 commits intohojberg:masterfrom
burning-boots:master
Apr 3, 2012
Merged

Fixed being able to click through the arrow#13
hojberg merged 3 commits intohojberg:masterfrom
burning-boots:master

Conversation

@mattyclarkson
Copy link
Contributor

I've added pointer-events: none; to the pseudo element so you can click through it. To reproduce:

  • Go to http://cssarrowplease.com/
  • Change position to bottom
  • Change size to 50px
  • Try and change the position drop-down - cannot click through :(

@mattyclarkson
Copy link
Contributor Author

Also fixed up the CSS arrow width. It is at a 45° angle so must be multiplied by cos(PI/4)

@mattyclarkson
Copy link
Contributor Author

Just realised this might break the Jasmine specs.

@hojberg
Copy link
Owner

hojberg commented Apr 3, 2012

Nice Matt! Make sure the specs pass and I will merge :)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This allows you to click through an element. As the pseudo element has transparent boarders it blocks clicks through it. However, it has been pushed to CSS4.

@mattyclarkson
Copy link
Contributor Author

Specs pass.

@hojberg
Copy link
Owner

hojberg commented Apr 3, 2012

sweet!

hojberg added a commit that referenced this pull request Apr 3, 2012
Fixed being able to click through the arrow
@hojberg hojberg merged commit 8143e85 into hojberg:master Apr 3, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants