Currently, when a Telerik UI Form is nested inside a Telerik UI Wizard, the user should click twice on the Submit button after they have changed a field. 

Steps to replicate: 

1. Nest a form inside a Wizard.

2. Change a field in the form.

3. Click on the submit button.

4. The form is not submitted as the blur validation consumes the click. The user has to click the button submit again.

Short video demonstration:

http://somup.com/cr1oICqpnl

Currently, to set a field's label and text the Wizard's Label() and Title() options must be used:

items
	.Add()
	.Field(p => p.DropdownId)
	.Label(l => l.Text("Dropdown"))
	.Title("Dropdown")

It would be helpful if the Wizard can be configured to get these from the data annotation attributes in the model:

[Display(Name = "Dropdown")]
public int DropdownId{ get; set; }

Bug report

Reproduction of the problem

1. Adding a Wizard tag helper to a Grid's editor template throws an "Invalid or unexpected token" exception. No exception is thrown when using the Html helper.

<kendo-wizard name="wizard" on-done="onDone">
	<wizard-steps>
		<wizard-step title="Start">
			<wizard-step-buttons>
				<wizard-step-button name="next" text="Next"></wizard-step-button>
			</wizard-step-buttons>
			<wizard-step-content>
			</wizard-step-content>
		</wizard-step>
		<wizard-step title="User details">
			<wizard-step-buttons>
				<wizard-step-button name="previous" text="Previous"></wizard-step-button>
				<wizard-step-button name="done" text="Register"></wizard-step-button>
			</wizard-step-buttons>
			<wizard-step-content>
			</wizard-step-content>
		</wizard-step>
	</wizard-steps>
</kendo-wizard>

2. For a sample project see Ticket ID: 1484465

Current behavior

js exception on using the Wizard tag helper in an editor template

Expected/desired behavior

no js exceptions on using the tag helper in an editor template

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all ]