QueryField autocomplete examples

rand1 · March 13, 2023, 7:32pm

I’m building a new backend datasource plugin, and would like to use a QueryField as part of my input so that I can take advantage of autocomplete. I have the QueryField working well, but my autosuggest results never show up.

Are there any simple examples of using the onTypeAhead feature of the QueryField to provide auto-completions?

If not, I would appreciate any advice on how to make this work

My full typescript component is here:

gist.github.com

https://gist.github.com/randvoorhies/fb5b54dbc116f584da02d98747e9c711

Filter.tsx

import React, {} from 'react';
import {
    IconButton,
    InlineField,
    InlineFieldRow,
    InlineSwitch,
    QueryField,
    Select,
    TypeaheadInput, TypeaheadOutput
} from "@grafana/ui";

This file has been truncated. show original

rand1 · March 16, 2023, 10:49pm

Ok, so interestingly the autocomplete works as-is in Firefox but doesn’t work in Chrome. Is this a known issue?