Capture "Enter" for callback in dmc.TextInput

tks · October 10, 2023, 2:49pm

Is there a way to capture the “Enter” keypress within a dmc.TextInput to trigger a callback? There is no component prop like onSubmitEditing, and setting debounce=True does not function as it does for dcc.Input. Not sure if there is a way to do this with javascript in a clientside callback. Thanks.

jinnyzor · October 10, 2023, 3:00pm

Hello @tks,

This is still an open issue:

github.com/snehilvj/dash-mantine-components

Ability to debounce callbacks from Input/Select components

opened 06:24PM - 11 Aug 22 UTC

hrithikgavali

Hi there, I switched my app to use Dash Mantine Components because of the bea…utiful components UI and flexibility. However, I miss the ability to debounce callbacks from input and dropdowns in dash core components. Debounce allows us to trigger callbacks on the input after losing focus or pressing Enter Key, instead of firing the callback for each letter typed in the input box. 1. Is there a way to implement this with the current codebase? 2. If not, is there a way to style a component from dash core components package, exactly like dash mantine components, using some kind of a wrapper?

Topic		Replies	Views
Trigger callback on a TextArea component on enter key press (or allow multi-line values in Input component) Dash Python	7	1448	July 26, 2023
[Dash Extensions] EventListener trigger for only the "Enter" key Dash Python	12	239	February 3, 2024
Delay callback of input component Dash Python	4	3728	March 27, 2019
Manange "enter" event on button Dash Python	22	25227	April 5, 2020
Trigger callback when text input looses focus rather than on every value change Dash Python	4	2707	September 23, 2019

Capture "Enter" for callback in dmc.TextInput

Related Topics