Skip to content

Fixes the download button becoming inaccessible on mobile when the user has increased their browser or system text size. - #1491

Open
ravindrasinghshah wants to merge 1 commit into
GoogleChromeLabs:devfrom
ravindrasinghshah:issue-1442
Open

Fixes the download button becoming inaccessible on mobile when the user has increased their browser or system text size.#1491
ravindrasinghshah wants to merge 1 commit into
GoogleChromeLabs:devfrom
ravindrasinghshah:issue-1442

Conversation

@ravindrasinghshah

Copy link
Copy Markdown

Fixes the download button becoming inaccessible on mobile when the user has increased their browser or system text size.

Changes

  • Reserve a dedicated grid column for the download button.
  • Allow only the result metadata section to scroll horizontally when its content overflows.
  • Keep the existing mobile layout unchanged at normal text sizes.
  • Hide the metadata scrollbar while preserving touch scrolling.
  • Preserve the existing desktop layout and behavior.

Testing

  • Tested in the mobile layout at normal font size.
  • Tested with increased text scaling.
  • Confirmed the download button remains visible.
  • Confirmed overflowing metadata can be scrolled horizontally.
  • Confirmed no horizontal scrollbar appears at normal font size.

Screenshot

Before:
image

After:
image

Fixes #1442

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.

Download button missing on mobile with larger font sizes

1 participant