Menu icon Foundation

My Posts


  • 71
    Replies
  • Foundation 5 and IE8

    By James Cocker

    ie8Foundation 5usage

    Firstly, I know, I know, IE8 is nearly dead and the recommended way to use Foundation on it is to stick with version 3. However, I have a new site build coming up which unfortunately requires IE8 support, and I'd really like to use the new Foundation 5 wi... (continued)

    Last Reply by john wan 25 days ago


My Comments

James Cocker commented on Rafi Benkual's post almost 2 years

The Babel requirement has come as a bit of a surprise to me too. I use CodeKit, which has always had great support for Foundation, however with 6.2's requirement for Babel (if following best practices and only including used JS modules) CodeKit cannot be used to build a Foundation 6.2 project. At least without creating some elaborate hook in CodeKit which manually runs Babel on the right files at the right time.

James Cocker commented on Rafi Benkual's post almost 2 years

@Vladimir Apparently 6.2 will be released on Friday.

Source: https://github.com/zurb/foundation-sites/issues/7978#issuecomment-187860573

James Cocker commented on Rafi Benkual's post almost 2 years

Just regarding my earlier posts about Kevin's responsive nav branch. I worked with Kevin outside of this thead, and happy to report Kevin has resolved the issues regarding dropdown position and arrow direction, and also fixed the issues that global-flexbox caused on the responsive menu. Thanks Kevin!

James Cocker commented on Rafi Benkual's post almost 2 years

@Pentool I think you're thinking about it wrong way. Using the example code, the menu is replaced by the "Menu" show/hide toggle on small screens only. On medium and large screens the whole menu is displayed and the toggle is hidden (hence the data-hide-for="medium"). If you'd like for the toggle to be displayed on medium (as well as small), you just need to change it to data-hide-for="large".

James Cocker commented on Rafi Benkual's post almost 2 years

@Pentool I just tried this, following your instructions exactly, and it's all working as expected for me. Perhaps if you can host your code somewhere I can take a look.

Here's what I got after following your steps: http://www.pswd.biz/foundation-responsive-nav

James Cocker commented on Rafi Benkual's post almost 2 years

@Rafi Benkual Yep, dropdown menus should behave the same, whether part of a responsive menu or not. It looks like the issue with the non-responsive dropdown menus appearing on right instead of below, is a regression caused by Kevin's fixes to Responsive Menu, as if you look at 6.1.2, you'll see the normal dropdown menus appear correctly below: http://www.pswd.biz/foundation-navs/6.1.2/

James Cocker commented on Rafi Benkual's post almost 2 years

@Kevin Ball Thanks for working on this Kevin, I've been testing out your branch and have some feedback:

While it fixes the down arrows and dropdown menu positioning for the Responsive Menu, it seems to have broken the position of the normal Dropdown Menu dropdowns, see here: http://www.pswd.biz/foundation-navs/6.2-open-left-fix/

The dropdowns for the normal Dropdown Menu are now appearing to the right, instead of below.

Here is the same code using 6.1.2 for reference: http://www.pswd.biz/foundation-navs/6.1.2/

Also, if you enable the $global-flexbox mode, a couple of things break: http://www.pswd.biz/foundation-navs/6.2-open-left-fix-FLEX/

The dropdown menus are always visible, and the dropdown and accordion menu items become centered.

James Cocker commented on Rafi Benkual's post almost 2 years

One of the first things I tried to do in Foundation 6 was to create a simple responsive navigation menu.

I just wanted it to be an accordion on small screens and a basic horizontal menu with dropdowns on medium and larger screens.

However, I ran into both of the issues above, with the dropdowns appearing in the wrong place, and with the arrows pointing in the wrong direction.

This wasn't a great first impression, especially as I think this is a pretty common navigation pattern and from what I could see I was using the Responsive Menu component as expected, in a pretty basic way. I spent quite some time trying to work out what I was doing wrong, before eventually deciding it must be a bug in Foundation.

I'm also struggling to get Responsive Menu to work when manually including the required JavaScript files, instead of just including the whole foundation.js.

Glad to see this has got some attention, and looking forward to the fix.

James Cocker commented on Eddie Solomon's post almost 2 years

I've run into this issue too and am pretty sure it's a bug in Foundation.

Hannes seems to get around it by applying some extra CSS to force the arrows to point down, but this isn't the best solution and it really needs to be fixed in the Foundation core.

Here is an example that reproduces the issue: http://codepen.io/purplespider/pen/pgqOdZ

It's also come up on Github: https://github.com/zurb/foundation-sites/issues/7095

James Cocker commented on Tony Stark's post over 3 years

Yep, it's slow for me too. Looks like it's a problem on Foundation's side, so I wouldn't worry about changing anything on your connection. We'll just have to wait until Foundation has fixed it.

Posts Followed





  • 71
    Replies
  • Foundation 5 and IE8

    By James Cocker

    ie8Foundation 5usage

    Firstly, I know, I know, IE8 is nearly dead and the recommended way to use Foundation on it is to stick with version 3. However, I have a new site build coming up which unfortunately requires IE8 support, and I'd really like to use the new Foundation 5 wi... (continued)

    Last Reply by john wan 25 days ago


Following

    No Content

Followers

My Posts


My Comments

You commented on Rafi Benkual's post almost 2 years

The Babel requirement has come as a bit of a surprise to me too. I use CodeKit, which has always had great support for Foundation, however with 6.2's requirement for Babel (if following best practices and only including used JS modules) CodeKit cannot be used to build a Foundation 6.2 project. At least without creating some elaborate hook in CodeKit which manually runs Babel on the right files at the right time.

You commented on Rafi Benkual's post almost 2 years

@Vladimir Apparently 6.2 will be released on Friday.

Source: https://github.com/zurb/foundation-sites/issues/7978#issuecomment-187860573

You commented on Rafi Benkual's post almost 2 years

Just regarding my earlier posts about Kevin's responsive nav branch. I worked with Kevin outside of this thead, and happy to report Kevin has resolved the issues regarding dropdown position and arrow direction, and also fixed the issues that global-flexbox caused on the responsive menu. Thanks Kevin!

You commented on Rafi Benkual's post almost 2 years

@Pentool I think you're thinking about it wrong way. Using the example code, the menu is replaced by the "Menu" show/hide toggle on small screens only. On medium and large screens the whole menu is displayed and the toggle is hidden (hence the data-hide-for="medium"). If you'd like for the toggle to be displayed on medium (as well as small), you just need to change it to data-hide-for="large".

You commented on Rafi Benkual's post almost 2 years

@Pentool I just tried this, following your instructions exactly, and it's all working as expected for me. Perhaps if you can host your code somewhere I can take a look.

Here's what I got after following your steps: http://www.pswd.biz/foundation-responsive-nav

You commented on Rafi Benkual's post almost 2 years

@Rafi Benkual Yep, dropdown menus should behave the same, whether part of a responsive menu or not. It looks like the issue with the non-responsive dropdown menus appearing on right instead of below, is a regression caused by Kevin's fixes to Responsive Menu, as if you look at 6.1.2, you'll see the normal dropdown menus appear correctly below: http://www.pswd.biz/foundation-navs/6.1.2/

You commented on Rafi Benkual's post almost 2 years

@Kevin Ball Thanks for working on this Kevin, I've been testing out your branch and have some feedback:

While it fixes the down arrows and dropdown menu positioning for the Responsive Menu, it seems to have broken the position of the normal Dropdown Menu dropdowns, see here: http://www.pswd.biz/foundation-navs/6.2-open-left-fix/

The dropdowns for the normal Dropdown Menu are now appearing to the right, instead of below.

Here is the same code using 6.1.2 for reference: http://www.pswd.biz/foundation-navs/6.1.2/

Also, if you enable the $global-flexbox mode, a couple of things break: http://www.pswd.biz/foundation-navs/6.2-open-left-fix-FLEX/

The dropdown menus are always visible, and the dropdown and accordion menu items become centered.

You commented on Rafi Benkual's post almost 2 years

One of the first things I tried to do in Foundation 6 was to create a simple responsive navigation menu.

I just wanted it to be an accordion on small screens and a basic horizontal menu with dropdowns on medium and larger screens.

However, I ran into both of the issues above, with the dropdowns appearing in the wrong place, and with the arrows pointing in the wrong direction.

This wasn't a great first impression, especially as I think this is a pretty common navigation pattern and from what I could see I was using the Responsive Menu component as expected, in a pretty basic way. I spent quite some time trying to work out what I was doing wrong, before eventually deciding it must be a bug in Foundation.

I'm also struggling to get Responsive Menu to work when manually including the required JavaScript files, instead of just including the whole foundation.js.

Glad to see this has got some attention, and looking forward to the fix.

You commented on Eddie Solomon's post almost 2 years

I've run into this issue too and am pretty sure it's a bug in Foundation.

Hannes seems to get around it by applying some extra CSS to force the arrows to point down, but this isn't the best solution and it really needs to be fixed in the Foundation core.

Here is an example that reproduces the issue: http://codepen.io/purplespider/pen/pgqOdZ

It's also come up on Github: https://github.com/zurb/foundation-sites/issues/7095

You commented on Tony Stark's post over 3 years

Yep, it's slow for me too. Looks like it's a problem on Foundation's side, so I wouldn't worry about changing anything on your connection. We'll just have to wait until Foundation has fixed it.

Posts Followed

Following

  • No Content

Followers

  • No Content