fix: start node input config modal raise 'variable name is required'

[hjlarry]

Checklist:

Important

Please review the checklist below before submitting your pull request.

• Please open an issue before creating a PR or link to an existing issue
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods

Description

20240926_155809.mp4

when open the input config modal of start node, the first input element will auto focus, and then click any other elements will trigger checkVariableName. So when click the cancel button or other field type button will raise an error first, which is strange.

my solution is to make another html element auto focus, any other better solutions?

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update, included: Dify Document
• Improvement, including but not limited to code refactoring, performance optimization, and UI/UX improvement
• Dependency upgrade

Testing Instructions

test locally.

• Test not raise error
• Test tab key worked