MudBlazor/MudBlazor

Different MudSelectItem behaviour when using ChildContent instead of Value parameter

开放

#7,680 创建于 2023年10月24日

 (3 条评论) (0 个反应) (0 位负责人)C# (1,631 个派生)batch import
buggood first issue

仓库指标

星标
 (10,394 个星标)
PR 合并指标
 (平均合并 6天 6小时) (30 天内合并 108 个 PR)

描述

Bug type

Component

Component name

MudSelectItem

What happened?

MudSelectItem can accept a 'Value' or a 'ChildContent' parameter to render its select item. When using the 'ChildContent' the select text overflows when put inside a flex-box. Only using the 'Value' parameter, without the 'ChildContent', the select text does not overflow when put inside a flex-box.

Expected behavior

My expectation would be that MudSelectItem behaviour with or without 'ChildContent' parameter does not differ. MudSelectItem text should never overflow the MudSelect, even when placed inside a flex-box.

Reproduction link

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

Reproduction steps

  1. Open the try.mudblazor link
  2. Press the 'start' button top-left on the page
  3. You see two MudPaper components with a MudSelect inside: 3.1 The first component is the MudSelect example which only uses the 'Value' parameter. When selecting an item which is too long for the MudSelect the MudSelectItem text does not overflow. (This is working as expected) 3.2 The seond component is the MudSelect example which uses the 'ChildContent' parameter. When selecting a item which is too long for the MudSelect the MudSelectItem text does overflow?...

Relevant log output

No response

Version (bug)

6.11.0 until 8.10.0

Version (working)

No response

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge

On what operating system 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

贡献者指南