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

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions