-
Notifications
You must be signed in to change notification settings - Fork 264
Dropdown positioning #177
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
Comments
Care to submit a pull request? On Fri, 9 Jan 2015 8:20 pm silviogutierrez [email protected] wrote:
|
Sure, I'd be happy to look into it. But what should the behavior of a dropdown be on small devices? On giving it some thought, I imagine the dropdown itself would have no horizontal offset, taking up most of the device's width. But the small carat/arrow would shift to point to the right location. Does this make sense? |
That sounds reasonable to me. Have a look at how vannila foundation behaves On Fri Jan 09 2015 at 23:40:26 silviogutierrez [email protected]
|
Unfortunately it looks like vanilla Foundation will overflow if you go small enough (most of their examples are leftmost on the page, so it's hard to trigger an overflow). Same goes for Angular Foundation because we use their CSS and markup. And because the "nub" is pseudoselector based ( Our options are to use a different markup (like JoyRide, which has an actual DOM nub), or leave things are they are with the overflow. Can't really think of any other way to move the nub around. PS. It is technically possible to modify pseuselectors using JS, but it requires some pretty nasty hacks. |
If you can change the template markup to get this working properly that would be great. I'm experiencing this issue myself but I've not really had time to dig very deep. |
Looks like the dropdown directive is ignoring the native Foundation options. As you can specify |
The 'align' option support is discussed in #51 |
On small devices, I see the following code for dropdowns:
Why is the left value being calculated based on the dropdown's offset, and not on the offset of the toggle element? This will almost always mean the dropdown won't show properly aligned with the element that toggled it.
If, instead, we do this:
It seems to work.
Thanks,
Silvio
The text was updated successfully, but these errors were encountered: