Skip to content

[Bug]: Linear Progress component sizing is not consistent in different platforms #2160

@gmartinezig

Description

@gmartinezig

Which component(s) are affected?

Progress bar (circular/linear)

Description

Same component in similar layout contexts bahaves different in different platforms:
For angular, the component uses the full available width.
For web components, the component shrinks to its min-width.

Expected Behavior

The component should behave the same in different platforms.

Reproduction

Image

Workaround

As a workaround, you can add the following style properties to the web components instance:

width: 100%;
flex: 1 1 100%;

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

Failing in 6.5.1

Browser/OS/Node environment

Browser: Chrome, Version 146.0.7680.164 (Official Build) (64-bit)
OS: Windows 10

Metadata

Metadata

Assignees

Labels

🆕 status: newThe issue is new and will be reviewed when somebody picks it up.bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions