Skip to content

SegmentedButton: Some toggle buttons contain ellipsis #513

@petejohnson84

Description

@petejohnson84

Describe the bug
A set of Toggle Buttons within Segmented Button will in some cases have ellipsis. For example, look at the documentation page for Segmented Button (see screenshot below as well). The second button has text "Butto..."

https://sap.github.io/ui5-webcomponents-react/?path=/docs/ui5-web-components-segmentedbutton--generated-default-story

To Reproduce
Create a SegmentedButton with three options, notice the second button has ellipsis.

<div>
    <SegmentedButton>
        <ToggleButton>Left</ToggleButton>
        <ToggleButton>Center</ToggleButton>
        <ToggleButton>Right</ToggleButton>
    </SegmentedButton>
</div>

Expected behavior
All text is fully shown

Screenshots
Screen Shot 2020-05-14 at 8 00 42 AM
Screen Shot 2020-05-14 at 8 04 18 AM

UI5 Web Components for React Information
Operating System: macOS Catalina
@ui5/webcomponents-react version: 0.9.4
Do you have a dependency to@ui5/webcomponents in your package.json? If yes, which version?: ^1.0.0-rc.7

If you are not sure, you can find out by running npm ls @ui5/webcomponents-react or yarn why @ui5/webcomponents-react

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions