Text input won't wait for "Tab"-Key

I configured my text input nodes to wait for "Enter" or "Tab" key.
But with the update to 3.0.4, only "Enter" key is working.

I'm using this function to let the user enter some data and enable a button.

Here is a simple sample code.

[
    {
        "id": "2fcdfd6521a42f1f",
        "type": "tab",
        "label": "Flow 1",
        "disabled": false,
        "info": ""
    },
    {
        "id": "8492e5df30b414e8",
        "type": "ui_base",
        "theme": {
            "name": "theme-light",
            "lightTheme": {
                "default": "#0094CE",
                "baseColor": "#0094CE",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
                "edited": false
            },
            "darkTheme": {
                "default": "#097479",
                "baseColor": "#097479",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
                "edited": false
            },
            "customTheme": {
                "name": "Untitled Theme 1",
                "default": "#4B7930",
                "baseColor": "#4B7930",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"
            },
            "themeState": {
                "base-color": {
                    "default": "#0094CE",
                    "value": "#0094CE",
                    "edited": false
                },
                "page-titlebar-backgroundColor": {
                    "value": "#0094CE",
                    "edited": false
                },
                "page-backgroundColor": {
                    "value": "#fafafa",
                    "edited": false
                },
                "page-sidebar-backgroundColor": {
                    "value": "#ffffff",
                    "edited": false
                },
                "group-textColor": {
                    "value": "#1bbfff",
                    "edited": false
                },
                "group-borderColor": {
                    "value": "#ffffff",
                    "edited": false
                },
                "group-backgroundColor": {
                    "value": "#ffffff",
                    "edited": false
                },
                "widget-textColor": {
                    "value": "#111111",
                    "edited": false
                },
                "widget-backgroundColor": {
                    "value": "#0094ce",
                    "edited": false
                },
                "widget-borderColor": {
                    "value": "#ffffff",
                    "edited": false
                },
                "base-font": {
                    "value": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"
                }
            },
            "angularTheme": {
                "primary": "indigo",
                "accents": "blue",
                "warn": "red",
                "background": "grey",
                "palette": "light"
            }
        },
        "site": {
            "name": "Node-RED Dashboard",
            "hideToolbar": "false",
            "allowSwipe": "false",
            "lockMenu": "false",
            "allowTempTheme": "true",
            "dateFormat": "DD.MM.YYYY",
            "sizes": {
                "sx": 48,
                "sy": 48,
                "gx": 6,
                "gy": 6,
                "cx": 6,
                "cy": 6,
                "px": 0,
                "py": 0
            }
        }
    },
    {
        "id": "3c07ee1f45a9c90d",
        "type": "ui_tab",
        "name": "Tab 1",
        "icon": "dashboard",
        "order": 1
    },
    {
        "id": "18874cbe086c3ea5",
        "type": "ui_group",
        "name": "Group 1",
        "tab": "3c07ee1f45a9c90d",
        "order": 1,
        "disp": true,
        "width": 6
    },
    {
        "id": "4a2bd36eed7d957c",
        "type": "ui_text_input",
        "z": "2fcdfd6521a42f1f",
        "name": "input1",
        "label": "Input1",
        "tooltip": "",
        "group": "18874cbe086c3ea5",
        "order": 1,
        "width": 0,
        "height": 0,
        "passthru": true,
        "mode": "text",
        "delay": "0",
        "topic": "input1",
        "sendOnBlur": true,
        "topicType": "msg",
        "x": 410,
        "y": 120,
        "wires": [
            [
                "148b8619503157b1"
            ]
        ]
    },
    {
        "id": "7755ecce4d61c5c1",
        "type": "ui_button",
        "z": "2fcdfd6521a42f1f",
        "name": "clear",
        "group": "18874cbe086c3ea5",
        "order": 0,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "clear",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "clear",
        "payload": "",
        "payloadType": "str",
        "topic": "clear",
        "topicType": "msg",
        "x": 90,
        "y": 120,
        "wires": [
            [
                "950e758d953d3fe0"
            ]
        ]
    },
    {
        "id": "7e1f0eadf9f79383",
        "type": "ui_button",
        "z": "2fcdfd6521a42f1f",
        "name": "",
        "group": "18874cbe086c3ea5",
        "order": 2,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "button",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "x": 730,
        "y": 120,
        "wires": [
            []
        ]
    },
    {
        "id": "148b8619503157b1",
        "type": "function",
        "z": "2fcdfd6521a42f1f",
        "name": "check input",
        "func": "let msgButton = {'enabled': false, 'payload': ''};\n\nif (msg.topic !== 'clear') {\n    msgButton.enabled = true;\n}\n\nreturn msgButton;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 570,
        "y": 120,
        "wires": [
            [
                "7e1f0eadf9f79383"
            ]
        ]
    },
    {
        "id": "950e758d953d3fe0",
        "type": "change",
        "z": "2fcdfd6521a42f1f",
        "name": "clear input",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "",
                "tot": "str"
            },
            {
                "t": "set",
                "p": "topic",
                "pt": "msg",
                "to": "clear",
                "tot": "str"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 250,
        "y": 120,
        "wires": [
            [
                "4a2bd36eed7d957c"
            ]
        ]
    }
]

With a click on clear, the button should be disabled,
after entering some data and pressing tab, the button should be enabled.

Some ideas how to get it working again?

Thank you

Try unchecking

If `msg` arrives on input, pass through to output:

[edit] Also set your topic in the text input to a string.

Thank you for fast response.
It's working with version 2.30.0 and 3.0.4.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.