This is a migrated thread and some comments may be shown as answers.

FireFox : Input inside kendo stepper

1 Answer 14 Views
Stepper
This is a migrated thread and some comments may be shown as answers.
anoir
Top achievements
Rank 1
anoir asked on 09 Apr 2021, 02:24 PM

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>

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 12 Apr 2021, 01:25 PM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Stepper
Asked by
anoir
Top achievements
Rank 1
Answers by
Yanmario
Telerik team
Share this question
or