Browser issue Breadcrumb not showing properly in FireFox

[EgyKit]

I've noticed that breadcrumb is not showing properly as it was before in firefox "using latest 19.0.2"

See attached images:



I didn't review the new code that may has been changed in templates, but I think this maybe a CSS changes!

I took a screenshot from my forum "left to right view" using Xenforo 1.1.3:

 

[Mike]

Does anyone else see this, particularly if you had problems with the breadcrumb pre-1.1.4? I can't reproduce it.

 

[Paul B]

No problems here with FF 19.0.2 and Win 7.

 

[EgyKit]

Does anyone else see this, particularly if you had problems with the breadcrumb pre-1.1.4? I can't reproduce it.

No, I didn't have any problem showing the breadcrumb pre-1.1.4 version, I've noticed this issue while ago here in xenforo.

 

[Paul B]

Try clearing your browser cache - CTRL+F5

 

[EgyKit]

No problems here with FF 19.0.2 and Win 7.

mmm I'm using windows 8-64 bit pro "up to date"!

 

[Shelley]

No issues here with breadcrumbs using FF 19.02 and win7.

 

[Shelley]

mmm I'm using windows 8 pro "up to date"!

did you try a ctrl + F5 as Brogan suggested?

 

[EgyKit]

did you try a ctrl + F5 as Brogan suggested?

Yes, I delete cookies, offline cache frequently and yes I did as Brogan suggested.

 

[EgyKit]

I took a screenshot from my forum "left to right view" using Xenforo 1.1.3:

 

[Alien]

No problems on Firefox 19.0.2 / Win8-64

 

[Sheratan]

Ah, I run into this bug some time ago, when I implemented "Breadcrumb and arrow quick fix for FF" into extra.css in XF 1.1.3.

The fix was great, then after I upgrade FF from 18 to 19, the breadcrumb and arrow changed (Broken like #1 post)

Then I upgrade 1.1.3 to 1.1.4, and remove the quick fix. So far no problem.

Win 7 SP 1 32-bit

 

[smimosmile]

I have the same problem using FF 19.0.2 /Win7 32, but only with 1.1.4 version here and in my localhost test. No problems with 1.1.3 before upgrade.

 

[Sheratan]

Ah, I run into this bug some time ago, when I implemented "Breadcrumb and arrow quick fix for FF" into extra.css in XF 1.1.3.

The fix was great, then after I upgrade FF from 18 to 19, the breadcrumb and arrow changed (Broken like #1 post)

Then I upgrade 1.1.3 to 1.1.4, and remove the quick fix. So far no problem.

Win 7 SP 1 32-bit

Okay, strange. I see the broken arrow in here and in my site too. Using inspect element, it looks like the "real culprit is

.breadcrumb .crust .arrow span {
-moz-border-right-colors: rgb(240, 247, 252);
}

FF 19.0.2 Win 7 SP 1 32-bit

 

[EgyKit]

Okay, strange. I see the broken arrow in here and in my site too. Using inspect element, it looks like the "real culprit is

.breadcrumb .crust .arrow span {
-moz-border-right-colors: rgb(240, 247, 252);
}

FF 19.0.2 Win 7 SP 1 32-bit

So I could edit the css style property in the meantime "-moz-border-right-colors: none;" to fix this issue?

 

[Sheratan]

So I could edit the css style property in the meantime "-moz-border-right-colors: none;" to fix this issue?

Before:

After -moz-border-right-colors: none;

Yeah, maybe.

Anyway I'm using 1.1.4 (Upgraded from 1.1.3)

 

[Sheratan]

Ugh, the profile arrow is broken too...

 

[EgyKit]

Before:

After -moz-border-right-colors: none;

Yeah, maybe.

Anyway I'm using 1.1.4 (Upgraded from 1.1.3)

No, I've fixed this

You should edit both outer and inner breadcrumb style property:

remove this component in both Item Arrow, OuterItem Arrow, Inner

-moz-border-right-colors: @breadcrumbItemCrumb.border-bottom-color; or edit "@breadcrumbItemCrumb.border-bottom-color' to "none"

This should fix the issue.

 

[EgyKit]

Ugh, the profile arrow is broken too...

Then it's easy, you can edit "message_user_info.css"

.messageUserBlock .arrow
{
-moz-border-left-colors: none;
}

and

.messageUserBlock .arrow span
{
-moz-border-left-colors:none;
}

these components doesn't present in the same place in xenforo 1.1.3

Thanks.

 

[EgyKit]

I've updated my last reply regarding messageUserBlock arrow, the edit will be in two CSS elements