primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Breadcrumb List Align Issue

Open ddoemonn opened this issue 1 year ago • 0 comments

Describe the bug

The p-breadcrumb ol list does not align well on responsive screens or with a fixed width in the breadcrumb component.

https://github.com/user-attachments/assets/094a2125-ddfc-46f0-9b0f-9fa74dd0abe2

Reproducer

No response

System Information

System:
    OS: macOS 15.0
    CPU: (8) arm64 Apple M2
    Memory: 234.48 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.9.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.8.3 - /opt/homebrew/bin/npm
    bun: 1.1.27 - ~/.bun/bin/bun
    Watchman: 2024.09.23.00 - /opt/homebrew/bin/watchman
  Browsers:
    Safari: 18.0
  npmPackages:
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

You can try shrinking the screen on the breadcrumb component documentation, and you will see the same behavior in the video.

Expected behavior

No response

ddoemonn avatar Sep 30 '24 20:09 ddoemonn