Skip to content

fix(web): avoid license language switcher overflowing the viewport#2120

Merged
dgdavid merged 9 commits intoafter-release-beta2from
license-language-switcher-fixes
Mar 6, 2025
Merged

fix(web): avoid license language switcher overflowing the viewport#2120
dgdavid merged 9 commits intoafter-release-beta2from
license-language-switcher-fixes

Conversation

@dgdavid
Copy link
Contributor

@dgdavid dgdavid commented Mar 6, 2025

Problem

The language selector in the product license dialog overflows on certain viewport sizes, making it impossible to select some options. See #2105

Solution

Use the #isScrollable prop.

Additional Changes

  • Refactor the layout by removing the language switcher from within an <h1> heading, and preventing nested <h1> elements.
  • Change the underlying component used to render the language switcher.
  • Enable the dialog to use auto-width.

Tests

  • Added new unit tests to cover the changes.
  • Manually tested the dialog on different viewport sizes to ensure the issue is resolved.

Screenshots

Screenshot From 2025-03-06 08-03-45

dgdavid added 9 commits March 6, 2025 07:17
By relying on the ModalHeader#help prop to put it outside of the h1
heading.
Making the overlay menu to be aligned to the right of the button.
By using the right prop instead of a dead one.
Replaced Select with Dropdown as it looks semantically more appropriate,
although both use the same underlying component.
Missing change of 75a504d
@dgdavid dgdavid changed the title License language switcher fixes fix(web): avoid license language switcher overflowing the viewport Mar 6, 2025
@dgdavid dgdavid requested review from imobachgs and kobliha March 6, 2025 08:21
Copy link
Contributor

@kobliha kobliha left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thew change looks good to me from the UI/UX perspective, but I can't comment on the code change itself.

Thanks for fixing!

@dgdavid dgdavid merged commit eb74ed5 into after-release-beta2 Mar 6, 2025
2 checks passed
@dgdavid dgdavid deleted the license-language-switcher-fixes branch March 6, 2025 19:05
@imobachgs imobachgs mentioned this pull request Mar 27, 2025
imobachgs added a commit that referenced this pull request Mar 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants