Double click the input field in dashtable then use a button to save, the content will loss

Hi, I have a web page which I want to display data from my database with table style, The table allow user to edit and save the change to database. but when I use the datatable, I found when I double click the input field, enter something, then I click the save button the input content I enter will loss. BTW one click can works as expected, but it is not a good experience. I have a very simple case to show the problem.
import dash
import dash_table
import dash_html_components as html
app = dash.Dash(name)

app.layout = html.Div([
            {'name': 'Input Data', 'id': 'input-data'}
        data=[{'input-data': i} for i in range(11)],
            'maxWidth': '500'
    html.Button('Submit', id='submit', n_clicks_timestamp='0', n_clicks=0)

if __name__ == '__main__':

the problem like this gif:
any advice will be very thankful.

1 Like

I am facing the same issue. Did you find a solution to this?