Foundation-sites: [Orbit] Sample code does not work with raw install of Foundation 6

[eduardom]

How can we reproduce this bug?

1. Step one
   Get a blank copy of Foundation 6 complete
2. Step two
   Copy and paste the Orbit Carousel sample code from http://foundation.zurb.com/sites/docs/orbit.html inside a row in the HTML to test it.
3. Step three
   Navigate through slides.

What did you expect to happen?
Navigation on slides to work.

What happened instead?
After you navigate to the first slide the carousel stops working.

Test case

Give us a link to a CodePen or JSFiddle that recreates the issue.

[xfifix]

make useMui to false in the js file

[KnightYoshi]

You need to add the Motion UI CSS, either load the .css file in the head or bundle it in SCSS. http://foundation.zurb.com/sites/docs/motion-ui.html

[samvloeberghs]

was this even tested properly? Cause indeed it doesn't work out of the box as it should.

[KnightYoshi]

@samvloeberghs As I said, you need to add the Motion UI CSS. I was also having issues with it not cycling through the slides. Once I added the MUI CSS (via SCSS) it worked just fine.

[samvloeberghs]

I can confirm that installing the motion ui framework made it work.

[marysmech]

I have included motion ui css downloaded from http://zurb.com/playground/motion-ui and it works. Thank you!

[zurbchris]

Closing this as the issue seems resolved. Thanks everyone, sorry for the confusion about MUI.

[seanmavley]

Yet, and yet, it never got added to the docs? I think a PR will do.

[seanmavley]

Added clear indication on orbit slider page that motion-ui css file is required for proper working of orbit slider:
https://github.com/zurb/foundation-sites/pull/8710

[lunaroja]

Thanks @seanmavley, but since you can use data-use-m-u-i="false" and get it work out of the box, I'd suggest switching to that as the default, then mentioning that advanced functionality requires Motion UI.