Build 2332: ORBIT carousel - Page 2

User 84349 Photo


Registered User
65 posts

Alter Eagle
Is Orbit supported now by Firefox. On one of my sites at http://www.fairfieldmethodistchurch.org.uk/newb.html
the orbit does not open in Firefox (all versions). It seems ok on all the others I've tested it on.

Thanks.

Russ
Russ
User 2823310 Photo


Registered User
312 posts

User 84349 Photo


Registered User
65 posts

Alter Eagle
It doesn't always open. See image using Firefox 55.03 and same result on Developer 56.0b11 done a few minutes ago.

I'll try putting it orbit in again. This was put in sometime early August.

For your information

Regards

Russ
Attachments:
Russ
User 2823310 Photo


Registered User
312 posts

That's good to know Russ thanks. I use firefox and haven't seen that during the local RSD tests, I'll check that out when I do the live test online.
Does it open eventually or stay closed?
Might be a size or position setting if it doesn't and I can get it to do that to find the issue. Your image sizes are good but there is a lot of back loading of scripts & css with foundation if it does. So I can look to see if any of the programmers are reporting that problem. That will at least tell me if it's an RSD setting on the component.
User 244626 Photo


Registered User
811 posts

You may look at removing the jquery left over from the RCS slideshow as it may have a conflict with the jquery loading at the bottom of the page.

Also your right slide control seems to sit outside the picture window. When I resize either way my Firefox browser the pictures display correctly. This might be related to the containment issue of the slide controller on the right side
?
Bootstrap 5 CSS Grid.
User 84349 Photo


Registered User
65 posts

Thanks for this AE and Twinstream. As all the other browsers I test with work fine you get an idea how difficult it is for RSD to produce a product which suits all.

Russ
Russ
User 244626 Photo


Registered User
811 posts

Hi Russell,

I was updating my site and noticed the same problem you described using Orbit and Firefox where the slide container height is not recognized for some reason on initial page load. Once you resize the window it opens to the correct height but until then it is a thin line.

I found a temporary solution as it seems to be a bug that is known.

Use this style code in the head...


<style>
ul.orbit-container {
height: auto !important;
}
li.orbit-slide {
max-height: none !important;
}
</style>


I am looking into it further.....but this works for now. You can read about it here....

https://github.com/zurb/foundation-sites/issues/7815
Bootstrap 5 CSS Grid.
User 84349 Photo


Registered User
65 posts

Thanks Twinstream
Russ
User 2823310 Photo


Registered User
312 posts

I still haven't seen this after I add an image, only for the placeholder, but I'll add it to the Orbit Tutorial.
Thanks for the report & link Twinstream

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.