Skip to content

Misplaced click event in chat flow window #5819

@rvasilero

Description

@rvasilero

Describe the bug

Click event for Save chatflow button is not triggered when enter key is pressed or spacebar is pressed. The same thing happens for api endpoint, edit name and settings button.

To Reproduce

Go to chat flows, click add new chat flow, add a node, then focus the save chat flow button using the keyboard and press enter or space bar. Nothing happens.

Expected behavior

The click event is triggered and the chat flow is saved.

Screenshots

No response

Flow

No response

Use Method

Docker

Flowise Version

3.0.13

Operating System

Linux

Browser

Chrome

Additional context

The save chat flow button has a div as child. The click event is bound to this div. Because the div is not a focusable element in browser, the keyboard interaction with it does not trigger the click event. The click event should be bound to the button in order to work with keyboard. I was able to trigger that event by doying in console: document.querySelector('button[title=save chatflow] div').click();
For me it is very important that buttons work by keyboard, because I am blind and I work mainly with the keyboard.

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