MudSlider docs page height issue Firefox - Githubissues

MudBlazor / MudBlazor

Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.

http://mudblazor.com

MIT License

8.09k stars 1.28k forks source link

MudSlider docs page height issue Firefox #9813

Open digitaldirk opened 1 month ago

digitaldirk commented 1 month ago

Things to check

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

Bug type

Component

Component name

MudSlider

What happened?

https://www.mudblazor.com/components/slider#vertical

On Firefox (not chrome/edge): the vertical example renders weird:

Expected behavior

To look like chrome/edge

Reproduction link

https://www.mudblazor.com/components/slider#vertical

Reproduction steps

https://www.mudblazor.com/components/slider#vertical

Relevant log output

No response

Version (bug)

7.8.0

Version (working)

?

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

[X] I agree to follow this project's Code of Conduct

danielchalmers commented 1 month ago

I think it's the width calculation, i.e. width: unset on .mud-slider.mud-slider-vertical. Change it to different values and you can make it fit. Wonder what's different about FireFox 🤔

I feel like height: 100% is a red herring and doesn't need to be defined either. It's rotated so it's still using the width, right?