You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have verified that I use latest version of all @mantine/* packages
What version of @mantine/* packages do you have in package.json?
7.16.2
What package has an issue?
@mantine/core
What framework do you use?
Other, I will specify in the bug description
In which browsers you can reproduce the issue?
Chrome
Describe the bug
Seems to me that there is a padding-inline-end placed on the mantine-Combobox-Dropdown portal, which aims to align the scrollbar with the padding on the dropdown area. This does however also remove the padding for the actual options as well, which is primarily visible when there is a background attached to a option.
No padding (Not OK) in a scrollable Combobox:
Padding (OK) in a non-scrollable Combobox:
Suspected source of the bug: padding-inline-end
If possible, include a link to a codesandbox with a minimal reproduction
Dependencies check up
What version of @mantine/* packages do you have in package.json?
7.16.2
What package has an issue?
@mantine/core
What framework do you use?
Other, I will specify in the bug description
In which browsers you can reproduce the issue?
Chrome
Describe the bug
Seems to me that there is a padding-inline-end placed on the mantine-Combobox-Dropdown portal, which aims to align the scrollbar with the padding on the dropdown area. This does however also remove the padding for the actual options as well, which is primarily visible when there is a background attached to a option.
No padding (Not OK) in a scrollable Combobox:
![Image](https://private-user-images.githubusercontent.com/4691048/409910546-46365cd2-3dd6-46a1-b75d-2dd413c22186.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTc0NDMsIm5iZiI6MTczOTU5NzE0MywicGF0aCI6Ii80NjkxMDQ4LzQwOTkxMDU0Ni00NjM2NWNkMi0zZGQ2LTQ2YTEtYjc1ZC0yZGQ0MTNjMjIxODYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTVUMDUyNTQzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzhhM2M4M2MxYTAyOTFmOGU4YmUzNzcyYWQzODU5MTJjNjM3MzNlMjM1NTczYjYwNmU0ZDk5OWY1NjhmNjNhMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.NQIZUzz6pWlrjcc-v7dNZsTHqMNvF-Qw5LEo52P1b5c)
Padding (OK) in a non-scrollable Combobox:
![Image](https://private-user-images.githubusercontent.com/4691048/409910265-2e66076a-cee8-4926-b262-c6a0335da785.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTc0NDMsIm5iZiI6MTczOTU5NzE0MywicGF0aCI6Ii80NjkxMDQ4LzQwOTkxMDI2NS0yZTY2MDc2YS1jZWU4LTQ5MjYtYjI2Mi1jNmEwMzM1ZGE3ODUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTVUMDUyNTQzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTEyMGRkYTI5YzIyZjE5OWY3ZTRlMmFlNDgyY2RkYjMyNmVmODFiZGI2MWI1Y2M1MTA3NDFhZjhjODhjZTRmYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.9JnX9J4kxXUlDo_7gyLT7TrO0uJtQfNTb6G5GDKbM-8)
Suspected source of the bug: padding-inline-end
![Image](https://private-user-images.githubusercontent.com/4691048/409913625-9e7d1511-08cf-4ad9-b99f-c4794ad75437.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTc0NDMsIm5iZiI6MTczOTU5NzE0MywicGF0aCI6Ii80NjkxMDQ4LzQwOTkxMzYyNS05ZTdkMTUxMS0wOGNmLTRhZDktYjk5Zi1jNDc5NGFkNzU0MzcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTVUMDUyNTQzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzJmNDNmYmVjZTM2MDEwMjlhOWE5MWEyMDE4ZDcwZWRkMGMyOGVkMThlNGVlNjU5N2FiMDE1MTM1MzAzMjM1OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.xS3xj1GeqL1-ZoTW27XQQvwbMywmqeTLfrBzXuYt7Uk)
If possible, include a link to a codesandbox with a minimal reproduction
https://mantine.dev/core/combobox/#scrollable-list
Possible fix
No response
Self-service
The text was updated successfully, but these errors were encountered: