MudAutocomplete and MudSelect do not close when clicking another dropdown

[ArielDePrada]

Bug type

Component

Component name

MudAutocomplete

What happened?

When there is a MudAutocomplete component in a DataGrid column that has StickyLeft="true" then another drop down in the same column is clicked the select list does not close.

This behavior also exists with MudSelect.

Expected behavior

The dropdown should close when clicking outside of the component.

Reproduction link

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

Reproduction steps

1. Create MudDataGrid with a MudAutocomplete component in the first column.
2. Set StickyLeft to true on the first column.
3. Click on the MudAutocomplete field in the first cell
4. Notice the drop down list opens.
5. Click on a different MudAutocomplete field in a different cell in the same column.
6. Notice both drop down lists are open. ...

Relevant log output

No response

Version (bug)

6.19.1

Version (working)

No response

What browsers are you seeing the problem on?

Chrome

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]

Could you post a video showing this?

[ArielDePrada]

https://github.com/MudBlazor/MudBlazor/assets/166857407/b6c788ac-07cc-4b21-92ac-7b26ce5946ff

@danielchalmers Here is a short video of the behavior.

[danielchalmers]

Thanks. That might be a z-index issue

[ArielDePrada]

@danielchalmers I was thinking the same thing. Do you know of any work arounds?

[danielchalmers]

@ArielDePrada Nothing off the top of my head but take a look at some upvoted issues that are open, I think they should give some pointers.

Side note: the label clipping through the bottom isn't intended is it?