Menu icon Foundation
Orbit arrow display issue

My client is using Firefox 26.0 on windows 7 and prev/next arrows are not displaying correctly. It's the standard code from the components page.

Thanks for your help

Codeavweb

Orbitarrows

My client is using Firefox 26.0 on windows 7 and prev/next arrows are not displaying correctly. It's the standard code from the components page.

Thanks for your help

Codeavweb
Rafi Benkual over 5 years ago

Can you please post a link or provide your markup?

James Dullaghan over 5 years ago

I have tested this using browser stack on windows 7 and firefox 26 beta and cannot replicate this issue.

orbit arrows

Bartolomej over 5 years ago

I agree with Simon Warbook. There is some problem with arrows in Firefox.
Win 7, Firefox 26
https://www.dropbox.com/s/gfx4z1d0tnyn6g8/orbit-graphics-glitch.png

An here is my temporary hotfix:

.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
      border: solid 10px; 
}

Smiley over 5 years ago

Hi There,

I'm having exactly the same problem. The arrows are not working correctly in Firefox 26.0.
When I hover over the arrows there is a floating shape at the top right, the arrows are not triangles?

It works fine in IE and chrome, my version is displaying the same behaviour as your website sample?

Any ideas? I have a screen grab but cant post?

R Fletch over 5 years ago

Not seeing this issue on FF26, Win 7 using Foundation 5.0.2. Not using images inside Orbit, only text.

Rafi Benkual over 5 years ago

Tested on mac and windows 7. No issues http://zurb.us/1kgeTaH

This is 5.0.3

Martin Hi over 5 years ago

I've noticed the same issue.

Maybe it is a problem with some firefox addOns ??
I have installed the webdeveloper plugin, FlashDisable and AdBlock Plus.

Martin Hi over 5 years ago

It seems that firefox could not interpret the "inset" of

.orbit-container .orbit-prev > span, 
.orbit-container .orbit-next > span {
   border: 10px inset;
}

correctly. Replace "inset" with "solid" and everything works fine.

Luke Wilson over 5 years ago

I'm also seeing this issue; Windows 7, Firefox 24 -> 27

Replacing "inset" with "solid" did not work for me.