Open Joe-5mith opened 9 years ago
Here are the problems:
overflow-y: hidden
, and it shouldn't break anything else.position: relative; left: 50%;
. I'm not sure how to elegantly build that fix into the framework.Applying those fixes will make the action sheet visible.
However, since it's anchored so far to the right it will be cut off, which is a known issue. We need to add some kind of edge detection to the action sheet. (Or rethink it entirely at some point, because it's a super unwieldy component right now, and probably overlaps in functionality with the popup.)
Setting overflow-y: hidden
on the .menu-bar
class and position: relative; left: 50%;
on the .action-sheet-container
class did not work for me.
The following has worked (written in SASS):
.menu-bar {
overflow-x: visible;
.action-sheet-container {
display: block;
}
}
I have tried this but it doesnt work me also. Anyone have any idea what to do?
@bbcreatv, did you try using the SASS I wrote out in my previous comment above? That SASS has worked for me so far.
I actually figured it after. I had to set overflow-x and y visible on my grid-block as well as the menu :)
Hi,
Sass above works well. I've figured out that using an icon within the anchor makes toggle trigger twice, so that action sheet open and close immediatelly.
There are two issues here:
menu-group
div in the example code below) to scroll and the action sheet gets hidden inside that container.Here is some example code:
See also: #496 and: http://foundation.zurb.com/forum/posts/21216-foundation-for-apps-action-sheets-in-nav.