Skip to content

Can't pre-populate a FormField and provide typeahead suggestions #79080

@danielcompton

Description

@danielcompton

Environment

SaaS (https://sentry.io/)

Steps to Reproduce

We're trying to create a Issue integration for Sentry. Users will be able to link issues to existing tasks. I'd like to be able to show recently edited/created issues as suggestions in the form field before users start typing.

Here is our integration schema:

+++

{
  "elements": [
    {
      "type": "issue-link",
      "create": {
        "uri": "/api/integrations.sentry.create-task",
        "required_fields": [
          {
            "type": "text",
            "label": "Task Name",
            "name": "title",
            "default": "issue.title"
          },
          {
            "type": "textarea",
            "label": "Task Description",
            "name": "description",
            "default": "issue.description"
          }
        ],
        "optional_fields": [
          {
            "type": "select",
            "label": "What's the status of this task?",
            "name": "column",
            "options": [
              [
                "TODO",
                "Planned"
              ],
              [
                "DOING",
                "In Progress"
              ],
              [
                "DONE",
                "Completed"
              ]
            ]
          },
          {
            "type": "select",
            "label": "What is the estimated complexity?",
            "name": "complexity",
            "options": [
              [
                "1",
                "1"
              ],
              [
                "2",
                "2"
              ],
              [
                "3",
                "3"
              ],
              [
                "5",
                "5"
              ],
              [
                "8",
                "8"
              ]
            ]
          }
        ]
      },
      "link": {
        "uri": "/api/integrations.sentry.link-task",
        "required_fields": [
          {
            "type": "select",
            "label": "Which task would you like to link to this Sentry Issue?",
            "name": "itemId",
            "uri": "/api/integrations.sentry.task-options"
          }
        ]
      }
    },
    {
      "type": "alert-rule-action",
      "title": "Create an alert ticket in ACME Kanban",
      "settings": {
        "type": "alert-rule-settings",
        "uri": "/v1/sentry/alert-rule-action/",
        "description": "Provide the details for the alert ticket",
        "required_fields": [
          {
            "type": "text",
            "label": "Alert Ticket Title",
            "name": "title"
          },
          {
            "type": "textarea",
            "label": "Alert Ticket Description",
            "name": "description"
          }
        ],
        "optional_fields": [
          {
            "type": "select",
            "label": "Who would you like assigned to the Alert Ticket?",
            "name": "userId",
            "uri": "/api/integrations.sentry.user-options"
          }
        ]
      }
    }
  ]
}

+++

Expected Result

Selecting one of the suggested search results selects it in the field.

Actual Result

I can't seem to select a typeahead selection item. Here I've sent "Test1" as an initial value when loading the component. Whenever I try to click on a search result, the result isn't selected.

sentry.mov

A workaround is to set

 "skip_load_on_open": true

on the select field. Then I can select typeahead results, but then I don't get to show any suggested tasks first.

sentrty2.mov

Product Area

Issues

Link

No response

DSN

No response

Version

No response

We want to define a set of lightweight metrics that SDKs can automatically collect for e.g. framework, language or platform, focusing only on signals that do NOT overlap with Tracing. Ideally these metrics should give a quick sense of app or runtime health, … while deeper investigation will still rely on traces or profiles.

Examples**:**

  • Node.js runtime metrics (e.g., event loop delay, heap usage)
  • Prisma-related metrics in Next.js
  • Mobile CPU / memory usage to help surface potential ANRs or app hangs

Candidate Metrics (add more below)

(please also add ideas, questions or examples in comments)

Metadata

Metadata

Projects

Status

No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions