Skip to content

Tutorials and Sample page Filter by not properly work for mobile screen. #11980

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.

Sign up for GitHub

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

Jump to bottom
Open
1 task done
zalabhavy opened this issue May 7, 2025 · 2 comments · May be fixed by #12008
Open
1 task done

Tutorials and Sample page Filter by not properly work for mobile screen. #11980

zalabhavy opened this issue May 7, 2025 · 2 comments · May be fixed by #12008
Assignees
@zalabhavy
Labels
e1-hours Effort: < 8 hrs infra.design Relates to the design of docs.flutter.dev infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. t.a11y Relates to an accessibility concern

Comments

@zalabhavy
Copy link
Contributor

Describe the problem

The "Filter by" sidebar on the Tutorials and Sample pages is not functioning properly on mobile screens. Currently, there is no visible close icon, making it difficult for users to close the filter panel after opening it.

Image

Expected fix

A close icon/button should be added to the "Filter by" wrapper on mobile screens to allow users to easily close the sidebar.

Screen.Recording.2025-05-07.at.6.09.37.PM.mov

On which browser(s) did you experience this issue?

Chrome

Additional context

No response

I would like to fix this problem.

  • I will try and fix this problem on docs.flutter.dev.
@zalabhavy zalabhavy added the infra.design Relates to the design of docs.flutter.dev label May 7, 2025
@zalabhavy
Copy link
Contributor Author

zalabhavy commented May 10, 2025 •
edited
Loading

@parlough @sfshaza2 We need this or not ?

@parlough parlough added infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. t.a11y Relates to an accessibility concern e1-hours Effort: < 8 hrs labels May 12, 2025
@parlough
Copy link
Member

Sounds like a great improvement @zalabhavy! Thanks for the thoughtful issue.

I'd be happy to review a PR adding this.

@zalabhavy zalabhavy linked a pull request May 13, 2025 that will close this issue
Open
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@zalabhavy zalabhavy

Labels
e1-hours Effort: < 8 hrs infra.design Relates to the design of docs.flutter.dev infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. t.a11y Relates to an accessibility concern
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Filter by close icon added for mobile screen zalabhavy/website
2 participants
@parlough @zalabhavy