jmjuanes/siimple

breadcrumb is not displayed correctly for long path

PavelD opened this issue · 1 comments

PavelD commented

Describe the bug
On small displays long path is not correct. The backgoroud element stick on 1st line and text overflow to the other elements.

To Reproduce

  • create breadcrumb object with many links inside
    *create siimple-box--primary right after for better demonstration
  • Try to read and navigate to the links in the end of the list

Expected behavior

  • links are readable
  • The siimple-breadcrumb div element will be extended to more lines.

Screenshots or Project link

  • The number of the links in demo has been extended to demonstrate the issue on big screens as well as on the small mobile.
  • Live demo of the issue: https://liveweave.com/gWtzFJ

Desktop (please complete the following information):

  • OS: windows 7
  • Browser: Firefox
  • Version: 78.5.0esr

Smartphone (please complete the following information):

  • Device: some low cost Vodafone
  • OS: android
  • Browser: chrome
  • Version: 87
jmjuanes commented

Hi! This seems that has been fixed in v4. There is a demo.

  • 👍1