FireFox : Input inside kendo stepper

[anoir]

Hello,

i add an input inside kendo stepper using the 'kendoStepperStepTemplate' option, it works fine but in FireFox , you cannot select the input 
exemple :

   <kendo-stepper
            [steps]="steps"
            [stepType]="'label'"
            [currentStep]="2"
            [linear]="false"
            [style.width.px]="750"
        >
            <ng-template kendoStepperStepTemplate let-step let-index="index">
                <div class='oval-step'>
                    <span class="{{step.icon}}"></span>
                </div>
                <div class='step-label'>{{step.label}}
                 <ng-container *ngIf="index === 1">
                  <input type=text value='testtt' >
                </ng-container>
                </div>
            </ng-template>
        </kendo-stepper>

[Yanmario]

Hi Anoir,

I reached out to our developers and consulted on this matter. It seems that the unwanted behaviour is caused by the SteppetStepTemplate wrapping the input element in an anchor tag. This will be considered a bug and it's going to be logged in our public GitHub repository.  Feel free to subscribe to the issue for any further status updates:

https://github.com/telerik/kendo-angular/issues/3273

Unfortunately, at this time we cannot offer any workaround to this issue.

As a token of gratitude for bringing this issue to our attention, I added some Telerik points to your account.

Please accept our sincere apologies.

Regards,
Yanmario Menev
Progress Telerik