Description
Which @angular/* package(s) are the source of the bug?
Don't known / other
Is this a regression?
Yes
Description
I have build a component for text box and on click label not focus the textbox.
Using Angular ^19.2.5
Kendo 18.5.2
The Component Frontend
`<form [formGroup]="form()">
@if (label()) {
<kendo-label
[for]="textbox"
labelCssClass="k-form-label"
>{{ label() }}
}
<kendo-textbox
#textbox
[formControlName]="formControlName()"
[placeholder]="placeholder()">
@if (hint()) {
{{ hint() }}
}
<kendo-formerror>
@if (errorText()) {
{{ errorText() }}
} @else {
'shared.defaultErrorText' | translate
}
</kendo-formerror>
the typescript
import { Component, forwardRef, input } from '@angular/core';
import { InputsModule } from '@progress/kendo-angular-inputs';
import { FormsModule, FormGroup, ReactiveFormsModule, ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@component({
selector: 'app-text-input',
standalone: true,
imports: [InputsModule, FormsModule, ReactiveFormsModule, TranslateModule],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => TextInputComponent),
multi: true
}
],
templateUrl: './text-input.component.html',
styleUrls: ['./text-input.component.scss']
})
export class TextInputComponent {
label = input();
form = input.required();
formControlName = input.required();
hint = input();
errorText = input();
placeholder = input('');
value: string = '';
disabled = false;
onChange: any = () => {};
onTouched: any = () => {};
}
Please provide a link to a minimal reproduction of the bug
No response
Please provide the exception or error you saw
there comes no error but if i click on the label nothing happen.
I try the same for [for]="id" and in the input use id="" also not working.
Please provide the environment you discovered this bug in (run ng version)
"@angular/animations": "^19.2.5",
"@angular/common": "^19.2.5",
"@angular/compiler": "^19.2.5",
"@angular/core": "^19.2.5",
"@angular/forms": "^19.2.5",
"@angular/localize": "^19.2.0",
"@angular/platform-browser": "^19.2.5",
"@angular/platform-browser-dynamic": "^19.2.5",
"@angular/router": "^19.2.5",
"@aws-amplify/auth": "^6.12.1",
"@aws-amplify/core": "^6.11.1",
"@aws-amplify/ui-angular": "^5.0.40",
"@colsen1991/ngx-translate-extract-marker": "^3.0.1",
"@ngx-translate/core": "^16.0.4",
"@ngx-translate/http-loader": "^16.0.1",
"@progress/kendo-angular-buttons": "18.5.2",
"@progress/kendo-angular-common": "18.5.2",
"@progress/kendo-angular-dateinputs": "^18.5.2",
"@progress/kendo-angular-dialog": "^18.5.2",
"@progress/kendo-angular-editor": "^18.5.2",
"@progress/kendo-angular-icons": "18.5.2",
"@progress/kendo-angular-indicators": "^18.5.2",
"@progress/kendo-angular-inputs": "^18.5.2",
"@progress/kendo-angular-intl": "^18.5.2",
"@progress/kendo-angular-l10n": "18.5.2",
"@progress/kendo-angular-layout": "^18.5.2",
"@progress/kendo-angular-messages": "^1.60.0",
"@progress/kendo-angular-navigation": "18.5.2",
"@progress/kendo-angular-popup": "18.5.2",
"@progress/kendo-angular-progressbar": "^18.5.2",
"@progress/kendo-angular-utils": "18.5.2",
"@progress/kendo-drawing": "^1.21.2",
"@progress/kendo-licensing": "^1.5.0",
"@progress/kendo-svg-icons": "^4.0.0",
"@progress/kendo-theme-default": "^10.3.1",
"@angular-devkit/build-angular": "^19.2.6",
"@angular/cli": "^19.2.6",
"@angular/compiler-cli": "^19.2.5",
"@stylistic/eslint-plugin": "^4.2.0",
"@types/jasmine": "~5.1.0",
"angular-eslint": "19.3.0",
"eslint": "^9.23.0",
"eslint-plugin-import": "^2.31.0",
"eslint-plugin-unused-imports": "^4.1.4",
"jasmine-core": "~5.6.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"prettier": "^3.5.3",
"typescript": "~5.7.2",
"typescript-eslint": "8.27.0"
nodejs 22.14
Anything else?
No response