search

SAP / ui5-webcomponents-ngx

UI5 Web Components for Angular provides directives for each UI5 Web Component. The directives allow to easily build your Angular application following the SAP Design System.
https://ui5-webcomponents-ngx.netlify.app/
Apache License 2.0
27 stars 5 forks source link

Problem with autocompletion in ui5-input #119

Closed joseserrano15 closed 5 months ago

joseserrano15 commented 8 months ago

Hello, I am experiencing an error with the ui5-input. When the field is autocompleted with information saved in the browser (username and session password for example), an error is displayed and the input does not obtain the value. I have the input inside a reactive form and the problem only happens once the production build is generated.

<ui5-input id="inputUser" [placeholder]="placeHolderUserInput" formControlName="user" type="Text"></ui5-input>

Error image

ilhan007 commented 5 months ago

Hello @joseserrano15

this has been resolved on the web components side with the following change: https://github.com/SAP/ui5-webcomponents/pull/9130

In short, the browser suggestions are turned off which follows the design specs as it competes with the Input suggestions and value state popovers. This is done via autocomplete="off" set on the native input.

The fix in@ui5/webcomponents is integrated in @ui5/webcomponents-ngx and available with version >= 0.3.0-rc.6.

BR, ilhan