Bug Report
Priorities and help requested (not applicable if asking question):
Priority: Normal
Are you willing to submit a PR to fix? (Yes)
Describe the issue:
- The Breadcrumb component renders the divider to the last item when overflow index is set to the last item.
- And also the divider is not rendered next to the normal item for the case A > ...
In the first scenario, we don't check last index when rendering overflow item
In second scenario, we need to allow to render divider if there is a overflow item.
Actual behavior:
<Breadcrumb
items={ [
{ text: 'TestText1', key: 'TestKey1' },
{ text: 'TestText2', key: 'TestKey2' },
{ text: 'TestText3', key: 'TestKey3' },
{ text: 'TestText4', key: 'TestKey4' }
] }
maxDisplayedItems={ 1 }
overflowIndex={ 1 }
/>

Expected behavior:

Bug Report
Priorities and help requested (not applicable if asking question):
Priority: Normal
Are you willing to submit a PR to fix? (Yes)
Describe the issue:
In the first scenario, we don't check last index when rendering overflow item
In second scenario, we need to allow to render divider if there is a overflow item.
Actual behavior:
<Breadcrumb

items={ [
{ text: 'TestText1', key: 'TestKey1' },
{ text: 'TestText2', key: 'TestKey2' },
{ text: 'TestText3', key: 'TestKey3' },
{ text: 'TestText4', key: 'TestKey4' }
] }
maxDisplayedItems={ 1 }
overflowIndex={ 1 }
/>
Expected behavior: