ColorPicker static variant displays a large amount of vertical white space on small pallets

[gabephudson]

Bug type

Component

Component name

ColorPicker

What happened?

When a ColorPicker configured as PickerVariant.Static is displayed with a small palette list, there is excessive whitespace (300px+) displayed below the color choices. These are caused by some relatively positioned divs in the markup. See repo example.

Expected behavior

The expected behavior would be that the height be dynamic and only take up as much vertical space as would be needed to display the color choices.

Reproduction link

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

Reproduction steps

See the reproduction link. The whitespace below the color selections should not exist.

Update: This can be mitigated by setting DisableColorField, DisablePreview, and DisableSliders to true. However, I believe these should default to "true" when in the static Varient.

Relevant log output

No response

Version (bug)

6.20.0

Version (working)

No response

What browsers are you seeing the problem on?

Firefox, Chrome, Edge, Safari

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