-
-
Notifications
You must be signed in to change notification settings - Fork 2.1k
Closed
Labels
FixedCompleted issues that will be published with next patch (1.0.X)Completed issues that will be published with next patch (1.0.X)
Description
Dependencies check up
- I have verified that I use latest version of all @mantine/* packages
What version of @mantine/* packages do you have in package.json?
8.2.5
What package has an issue?
@mantine/core
What framework do you use?
Vite
In which browsers you can reproduce the issue?
Not applicable – issue is not related to the browser
Describe the bug
Description:
Select
and MultiSelect
components have an issue with the dropdown position after version 8.2.3. If the flip
middleware is set to true
(its default behavior, or explicitly with comboboxProps={{ middlewares: { flip: true } }}
) and the dropdown height is greater than the distance between the Select
or MultiSelect
input and the bottom of the window, the dropdown changes from top to bottom after the second time it is opened.
Steps to reproduce:
- Use a
Select
orMultiSelect
component with a @mantine/core version 8.2.3 or later.
It's also reproducible on the Mantine website on the Select component page and the MultiSelect component page. - Place the component near the bottom of the window so there is not enough space for the dropdown.
- Open the dropdown. As expected, the dropdown appears above the input.
- Close the dropdown.
- Open it again. The dropdown appears on top of the selector for a split second, then the position changes to the bottom of the selector.
- Repeating this toggles the dropdown between top and bottom on each open.
Expected behavior:
The dropdown should stay on top unless there is enough space below the input to display it fully.
If possible, include a link to a codesandbox with a minimal reproduction
No response
Possible fix
No response
Self-service
- I would be willing to implement a fix for this issue
Metadata
Metadata
Assignees
Labels
FixedCompleted issues that will be published with next patch (1.0.X)Completed issues that will be published with next patch (1.0.X)