MudSelect: Open menu on pointer down instead of click

[danielchalmers]

Description

I believe it's standard for a Select component to open as soon as the pointer is down, not waiting for the click. This matches the Autocomplete and helps speed up the animation as well.

Examples:

• https://mui.com/material-ui/react-select/
• https://getbootstrap.com/docs/5.0/forms/select/
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
• https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

How Has This Been Tested?

visually

Type of Changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation (fix or improvement to the website or code docs)

Checklist

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests.

[danielchalmers]

We desperately need to fix the WaitForRender method because it's causing a long delay between the click and seeing the menu open. Does anyone know why this is needed on the Select and not Autocomplete? Try opening both components and compare animation times.

[ScarletKuro]

We desperately need to fix the WaitForRender

We desperately need to rewrite the whole component. I don't think you can easily get rid of it now as it's "core" part of the component, look how much it's called and all this magic delays etc. And changing single thing will 99% break something, this is a good example: #8770 and there are no tests for it.

[ScarletKuro]

Is this related? #10132

[danielchalmers]

@ScarletKuro Right. We need a MudComboBox that combines the Autocomplete and Select

[danielchalmers]

Next thing could be to handle the items on both pointer down and up so you can hold the pointer down on the activator then swipe and let go to select an item

[danielchalmers]

Migration Guide:

MudSelect is now opened on pointerdown instead of click to match the behavior of similar components.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[henon]

Added to v8.0.0 Migration Guide at #9953

[ScarletKuro]

Regression from this PR: #10345

[zebsimls]

Still having an issue with this as the select doesn't open when the mouse is casually clicked(although it does show as highlighted). It will open when held down or double clicking. Is there some other attribute that needs to be added here? This is from a Windows PC using Chrome and Edge.

[danielchalmers]

Still having an issue with this as the select doesn't open when the mouse is casually clicked(although it does show as highlighted). It will open when held down or double clicking. Is there some other attribute that needs to be added here? This is from a Windows PC using Chrome and Edge.

Thanks, this should be fixed in the next update (v8.2.0). @zebsimls