Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Arrows removed if does not fit in window/container #46

Closed
jhaesus opened this issue Dec 1, 2014 · 4 comments
Closed

Arrows removed if does not fit in window/container #46

jhaesus opened this issue Dec 1, 2014 · 4 comments

Comments

@jhaesus
Copy link

jhaesus commented Dec 1, 2014

http://jsfiddle.net/eyu8rw6L/

Middle ones work ok, top and bottom ones do not display their arrows.

@sporkmonger
Copy link

The ::before pseudo element isn't getting the correct CSS class applied on the drops that are missing the arrows. The ones that are working have the following applied to them:

{
right: 100%;
top: 50%;
margin-top: -12px;
border-right-color: black;
}

The ones that aren't are missing this.

@geekjuice
Copy link
Contributor

This is definitely something that we need to fix, but haven't had a chance to tackle. If having the arrow is more important than overflow, you could pass constrainToScrollParent: false which will force the Drop element to tether to it's target correctly regardless of whether or not the target is visible in the viewport. Link to jsFiddle.

@markalfred
Copy link

+1

@geekjuice
Copy link
Contributor

Related #16. Closing in favor of that one. Seems to be the same issue more or less.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants