Skip to content

Automatically selecting the provided value on a Select component #2692

Open
@stefanvermaas

Description

@stefanvermaas

Please list the package(s) involved in the issue, and include the version you are using

  • @shopify/ui-extensions
  • @shopify/ui-extensions-react

Describe the bug

When rendering a Select in an Admin UI extension, it doesn't match the selected value.

Steps to reproduce the behavior:

  1. Create a new Admin UI extension (block or action doesn't matter)
  2. Create a Select with a couple of options
  3. Use one of the options for the value of the select

Expected behavior

I would expect the Select to automatically mark the provided value as selected in the select box. However, it is not.

Screenshots

Image

The ID of one of the partners is set to the value of this select box. However, it is showing the first available select option and not selecting the actual partner.

Additional context

I would love to help solve this bug. However, I find the way the codebase is set up impossible to navigate. Show me where I can work on the code, and I'll fix it myself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions