Skip to content

TanStack Form Demo has unreadable country select text #1631

@Dan503

Description

@Dan503

Describe the bug

I use my computer in dark mode.

When I open the Country select box to view my options the text is unreadable due to the light text on a light background.

Your minimal, reproducible example

pnpx create-tsrouter-app@latest --add-ons form

Steps to reproduce

  1. Make sure your computer OS is running in Dark Mode
  2. pnpx create-tsrouter-app@latest --add-ons form
  3. finish the install process naming the project "testing-bug"
  4. cd testing-bug
  5. pnpm dev
  6. Navigate to the "Address form" link at the top of the page.
  7. Open the Country select box

Expected behavior

The text should be easily readable

How often does this bug happen?

Every time

Screenshots or Videos

In these screenshots, I'm hovering over the "Australia" item

Firefox:

Image

Chrome:

Image

Platform

  • OS: Windows 11
  • Browser: Firefox 141.0; Chrome 138.0.7204.169

TanStack Form adapter

react-form

TanStack Form version

1.0.0

TypeScript version

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions