Skip to content

fix: color picker for ios devices (@d1rshan)#8049

Open
d1rshan wants to merge 2 commits into
monkeytypegame:masterfrom
d1rshan:fix/theme-picker
Open

fix: color picker for ios devices (@d1rshan)#8049
d1rshan wants to merge 2 commits into
monkeytypegame:masterfrom
d1rshan:fix/theme-picker

Conversation

@d1rshan
Copy link
Copy Markdown
Contributor

@d1rshan d1rshan commented Jun 3, 2026

fixes #8048

The color picker previously relied on a click behavoiur through a ref but this could prevent the native color picker from opening on iOS.

now the color input is overlayed on top of the button, so the interaction is now handled directly by the input, which means the previous ref handling is not required anymore.

vid.mp4

Copilot AI review requested due to automatic review settings June 3, 2026 11:34
@monkeytypegeorge monkeytypegeorge added the frontend User interface or web stuff label Jun 3, 2026
@github-actions github-actions Bot added the waiting for review Pull requests that require a review before continuing label Jun 3, 2026
@d1rshan d1rshan changed the title fix: color picker for ios devices fix: color picker for ios devices (@d1rshan) Jun 3, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Updates the theme color picker UI to remove the imperative ref/click wiring and instead make the native <input type="color"> overlay the palette button for direct interaction.

Changes:

  • Removed the colorInputRef and Button onClick that programmatically triggered the color input.
  • Switched the wrapper layout from grid to relative + absolutely positioned color input overlay.

Comment thread frontend/src/ts/components/pages/settings/custom-setting/Theme.tsx Outdated
Comment thread frontend/src/ts/components/pages/settings/custom-setting/Theme.tsx Outdated
@d1rshan d1rshan marked this pull request as draft June 3, 2026 11:48
@github-actions github-actions Bot removed the waiting for review Pull requests that require a review before continuing label Jun 3, 2026
@d1rshan d1rshan marked this pull request as ready for review June 3, 2026 13:40
@github-actions github-actions Bot added the waiting for review Pull requests that require a review before continuing label Jun 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend User interface or web stuff waiting for review Pull requests that require a review before continuing

Projects

None yet

Development

Successfully merging this pull request may close these issues.

can't see the color circle in iPad for custom theme

3 participants