1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Browser Issue Breadcrumb not showing properly in FireFox

Discussion in 'Resolved Bug Reports' started by EgyKit, Mar 27, 2013.

  1. EgyKit

    EgyKit Member

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

    See attached images:

    faultybreadcrumb.png

    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:

    correctbreadcrumb.png
     
  2. Mike

    Mike XenForo Developer Staff Member

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

    Brogan XenForo Moderator Staff Member

    No problems here with FF 19.0.2 and Win 7.
     
    shenmuee likes this.
  4. EgyKit

    EgyKit Member

    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.
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Try clearing your browser cache - CTRL+F5
     
  6. EgyKit

    EgyKit Member

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

    Shelley Well-Known Member

    No issues here with breadcrumbs using FF 19.02 and win7.
     
  8. Shelley

    Shelley Well-Known Member

    did you try a ctrl + F5 as Brogan suggested?
     
  9. EgyKit

    EgyKit Member

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

    EgyKit Member

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

    [​IMG]
     
  11. Alien

    Alien Well-Known Member

    No problems on Firefox 19.0.2 / Win8-64
     
  12. Sheratan

    Sheratan Well-Known Member

    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
     
  13. smimosmile

    smimosmile Member

    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.
    Breadcrumb_ff.png
     
  14. Sheratan

    Sheratan Well-Known Member

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

    Code:
    .breadcrumb .crust .arrow span {
    -moz-border-right-colors: rgb(240, 247, 252);
    }
    
    FF 19.0.2 Win 7 SP 1 32-bit
     
    EgyKit likes this.
  15. EgyKit

    EgyKit Member

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

    Sheratan Well-Known Member

    Before:
    [​IMG]

    After -moz-border-right-colors: none;
    [​IMG]

    Yeah, maybe. :unsure:

    Anyway I'm using 1.1.4 (Upgraded from 1.1.3)
     
    EgyKit likes this.
  17. Sheratan

    Sheratan Well-Known Member

    [​IMG]

    Ugh, the profile arrow is broken too...
     
  18. EgyKit

    EgyKit Member

    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.
     
  19. EgyKit

    EgyKit Member

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



    and



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

    Thanks.
     
    Sheratan likes this.
  20. EgyKit

    EgyKit Member

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

Share This Page