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] z-order / fix size problem with long variant lists #4378

Open
HarikalarKutusu opened this issue Feb 22, 2024 · 1 comment
Open

[BUG] z-order / fix size problem with long variant lists #4378

HarikalarKutusu opened this issue Feb 22, 2024 · 1 comment
Labels
Bug Frontend Relates to frontend code

Comments

@HarikalarKutusu
Copy link
Contributor

HarikalarKutusu commented Feb 22, 2024

Describe the bug
When adding a language / accent, if the language has a long pre-defined list (variants), the list might not be shown as a whole.

To Reproduce
Steps to reproduce the behavior:

  1. Go to your profile
  2. Try adding German/Deutsch (or French) and click the accent box
  3. The list is limited by the current page layout (i.e. not flexible) and it might get obscured by the grey footer (About/Discourse/Contact)

Expected behavior
A couple options:

  • Resize the area to fit
  • Make the pulldown data scrollable
  • Make them like "pills", listed side by side, where you select one

Screenshots
image

Desktop or Mobile (please complete the following information):

  • OS: Win 11 (Desktop, on a 4K monitor)
  • Browser Opera latest

Additional context
Giving a fixed size will not be enough, as these might be expanded in the future.

@jessicarose jessicarose added the Frontend Relates to frontend code label Feb 23, 2024
@jessicarose
Copy link
Collaborator

Thanks so much for catching this and bringing the issue to us. This is indeed not a great user experience for contributors. I think that the fixes you've outlined here are also a good roundup of ways this could be addressed.

Does anyone have any strong opinions about which of the outlined potential fixes:

  • Resizing the presented list modal's size
  • making the list scrollable within a smaller, preset maximum size
  • expanding the list horizontally as well to better use space

Or have any other thoughts on this challenge?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Frontend Relates to frontend code
Projects
None yet
Development

No branches or pull requests

2 participants