MudBlazor/MudBlazor

Visual glitch on MudTextField when both a Label, Required and Variant Outlined selected

オープン

#11,050 opened on 2025/03/18

 (3 件のコメント) (1 件のリアクション) (0 人の担当者)C# (1,631 件のフォーク)batch import
buggood first issuehas workaround

Repository metrics

Stars
 (10,394 個のスター)
PR merge metrics
 (平均マージ 6d 6h) (30d で 108 merged PRs)

説明

Things to check

  • I have searched the existing issues for this bug
  • To rule out a caching problem I made sure the bug also happens in an incognito tab

Bug type

Component

Component name

MudTextField

What happened?

Adding the Required property to a MudTextField add a star at the end of the Label, but when the MudTextField is focused, there is no reserved space for the star, so it ends up too close to the border. It's more visible on Firefox but also present on Chrome-based browsers

Image

Expected behavior

There should be enough free space after the star.

Image

Reproduction link

https://try.mudblazor.com/snippet/QEmJaRlCgFnoivgn

Reproduction steps

  1. Just focus on the MudTextField

Relevant log output

Version (bug)

8

Version (working)

No response

What browsers are you seeing the problem on?

Firefox

On which operating systems are you experiencing the issue?

Windows

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

コントリビューターガイド