@parlough I need help. When i don't use div for resource-filter-group-wrapper and use css given below then close functionality not works but filter_list icon in mobile screen show content every time when open/close slider

.close-icon {
font-size: 1rem;
cursor: pointer;
}
// small screen
@media (max-width: 839px) {
#resource-filter-group {
transition: right 0.3s ease-in-out;
z-index: 1000;
}
// small screen
#resource-filter-group .filter-header {
display: flex;
justify-content: flex-end;
padding: 0.5rem 0.75rem;
}
}
// large screen
@media (min-width: 840px) {
#resource-filter-group {
position: static !important;
right: auto !important;
}
#resource-filter-group .filter-header {
display: none !important;
}
}

Please review, @parlough.

Thanks for working on this improvement @zalabhavy! Sorry that I haven't had a chance to review your PR yet, I've been away for the past week. I'll try to make time to review this tomorrow.

I haven't had a chance to review your CSS or investigate yet, but from a quick look at the video, I'd consider implementing the behavior of the button by adding a click handler to the button with JS, similar to the existing handling for pressing the Esc key when the panel is open. You can find that implementation in:

Greetings from stale PR triage! Is this change still active?

@Piinks Hello !
I tried to solve this issue, but as you can see in the video, I wasn’t able to fix it. The close button works properly, but despite multiple attempts, I couldn’t resolve the problem where — after closing the filter once — clicking the filter icon again on a mobile screen doesn’t show the filter content inside the card.

@parlough @Piinks I'm willing to work on the PR, but I need some help.