-
Notifications
You must be signed in to change notification settings - Fork 3.9k
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
fix: truncated filters on network tab #34395
Conversation
This comment has been minimized.
This comment has been minimized.
Test results for "tests 1"7 flaky37596 passed, 648 skipped Merge workflow run. |
Hey @agg23 could you take a look please? |
Scrollable toolbar isn't a great UX. I'd suggest overflow drop down style or expandable filter that takes entire row. |
Thank you for the PR. I agree with Pavel; we probably want a dropdown here just like what happens to the |
Yeah, I don't disagree with @pavelfeldman's point. Will update shortly and reach out. Thanks both |
hey @pavelfeldman @agg23 would you guys be happy with this arrangement? |
I would make the dropdown styled the same as the tabbed one above (left justify, at least). Also make it as small as possible to still render all of the filter labels without overflow. Finally, we ideally want to switch to this dropdown form only once the parent block size decreases past a certain point. |
hey @pavelfeldman @agg23 could you take a peek please? Once you're both happy I can clean things up and resubmit the changes. Screen.Recording.2025-01-25.at.18.36.05.mov |
I think that is suitable for now. |
We discussed internally and we think it would be better if we had a proper overflow menu. As items move off of the screen, they should be added to a dropdown. Otherwise the options stay as top level buttons. |
hey @agg23 I'm not likely to be able to commit time to finish this according to the new requirements in the next couple of weeks. If you wish to reassign or work on it, feel free to do so. |
Thank you for the heads up. Feel free to open a new PR in the future if it hasn't been completed by the time you can work on it again. |
fixes: #33930
Before:

After:
