Breadcrumbs keep getting shorter when you try to change window size

[BillySharePoint]

Sample

React-application-breadcrumb

Author(s)

estruyf

What happened?

Upon attempting to utilize the breadcrumb functionality within my application customizer, I observed that the links within my breadcrumb trail tend to disappear whenever I attempt to modify the window's width.

Here is a screenshot depicting the appearance of the breadcrumb trail during the initial loading phase.

Subsequent to making a very very small slight adjustments to the window size, the breadcrumb trail transforms to the following state, as illustrated in the provided screenshot.

Steps to reproduce

1. Add the breadcrumbs in a application customizer
2. Once its already added, try to change the window size
3. You will notice that item in the breadcrumbs will disappear

Expected behavior

The item in the breadcrumbs should not disappear if the size of the browser will be wide enough to display all the item in the breadcrumbs

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• Internet Explorer
• Microsoft Edge
• Google Chrome
• FireFox
• Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Node.js version

v16.18.1

Additional environment details

No response

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.