Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Angular material 16.2.0 breaks the sticky behavior of the search field #431

Closed
chutzemischt opened this issue Aug 23, 2023 · 5 comments · Fixed by #434
Closed

[BUG] Angular material 16.2.0 breaks the sticky behavior of the search field #431

chutzemischt opened this issue Aug 23, 2023 · 5 comments · Fixed by #434
Labels
bug Something isn't working

Comments

@chutzemischt
Copy link

chutzemischt commented Aug 23, 2023

Describe the bug
On opening the select field or scrolling inside the select, the search field is underneath the options.

To Reproduce
Using angular material version 16.2.x

https://stackblitz.com/github/bithost-gmbh/ngx-mat-select-search-example

Expected behavior
Search field stays on top and above the mat-option's

Screenshots
image

@chutzemischt chutzemischt added the bug Something isn't working label Aug 23, 2023
@chutzemischt chutzemischt changed the title Angular material 16.2.0 breaks the sticky behavior of the search field [BUG] Angular material 16.2.0 breaks the sticky behavior of the search field Aug 23, 2023
@macjohnny
Copy link
Member

@chutzemischt thanks for reporting! Would you like to provide a fix?

@chutzemischt
Copy link
Author

@macjohnny I would have loved to provide a fix. Unfortunately, however, I could not find what's causing the problem. Would be great if someone else could take a look at it.

@akaNightmare
Copy link

as I understand correctly the fix is

.mat-select-search-input {
    background-color: var(--mat-select-panel-background-color);
}

@sircrisp
Copy link

as I understand correctly the fix is

.mat-select-search-input {
    background-color: var(--mat-select-panel-background-color);
}

this fixed it for me thanks

@macjohnny
Copy link
Member

@akaNightmare thanks for the fix, it is released with 7.0.3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
4 participants