SAP
MultiInput: Token Deletion is not working when readonly property is set to true for multiInput
The function onTokenDelete is not getting triggered when the property 'readOnly' is set to true. If we keep 'readonly' as falsest is working but then user can create any token, but in our case we are using value help and getting tokens from there, so we don't want user can type any token apart from this.
https://codesandbox.io/s/multiinput-token-delete-2nfh2o?file=/src/Filter.js
To Reproduce Steps to reproduce the behavior:
- Go to MultiInput
- Click on cross button
- Token will not get deleted
Expected behavior Token should get Deleted.
UI5 Web Components for React Information
@ui5/webcomponents version: "1.8.0",
@ui5/webcomponents-react version:"1.0.1"
Operating System:
Browser:Chrome
Hi @nidhi0104
I believe this is the intended behavior, but since this component is developed by our UI5 Web Components colleagues, I'll transfer this issue to their repo. Also please note that there are still some open issues related to the readonly state of the component (See here https://github.com/SAP/ui5-webcomponents/issues/4522)
Hi colleagues, could you please assist @nidhi0104 with this issue?
Hi @nidhi0104,
This looks like a feature request to me. Yes, I can confirm that currently the "token-delete" event is not fired on readonly multiinputs because they are not editable.
Would you please give us more background of the use-case: why you need this event on non-editable input to give us a better understanding of this feature request.
Thanks, Diana
I can confirm that this is an issue and you can follow #4522
Duplicate of: https://github.com/SAP/ui5-webcomponents/issues/4522
