Skip to content

Linear Progress is affected by text-align #709

@rickymohk

Description

@rickymohk

Describe the bug
text-align causes LinearProgress to misbehave

To Reproduce
Steps to reproduce the behavior:

  1. Place a <LinearProgress progress={1}> within a <div style="text-align: center;">
  2. The filled portion of the progress bar shifted to the middle

Expected behavior
The progress bar fully filled from start to end

Screenshots

<div style="text-align: center;">
  <LinearProgress style="width:300px" progress={0.5} />
  <br>
  <LinearProgress style="width:300px" progress={1} />
</div>
Image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser chrome
  • Version 144.0.7559.110

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions