How can I disable a FormControl toolbar

I have a simple FormControl element that is meant to take user input.

The problem I have now is that the Chrome browser (I think) is enabling this keyboard toolbar when the user presses the input element.

This is the code:

<Form onSubmit={submitInput}>
    <FormControl
        ref={inputRef}
        type="text"
        autoComplete="nope"
        autoFocus
        placeholder="Name"
        enterKeyHint="go"
        onChange={(e) => setInput(e.target.value)}
        value={input}
        onKeyDown={handleKeyDown}
    />
</Form>

This is a screeshot where I highlighted the problem:

I changed the type to search. Now, chrome doesn't show the toolbar anymore.

<FormControl
    ref={inputRef}
    type="search"
    autoComplete="off"
    autoFocus
    placeholder="Name"
    onChange={(e) => setInput(e.target.value)}
    value={input}
    onKeyDown={handleKeyDown}
/>