Skip to content

bug: long text with max width not truncating in button #8700

@alan-agius4

Description

@alan-agius4

Short description of the problem:

Long text in buttons is not being truncated. I am using full and block buttons

image

While the button does have the ellipsis, as show below;

.button {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

This doesn't work, as the .button-inner class has display: flex

What behaviour are you expecting?

Display ellipsis.

image

This can be done by setting the display of .button-inner to inline. However, I don't really know the reason for it's display being flex.

Which Ionic Version? 2 RC.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions