The component looks like editable in read-only mode
Closed this issue · 0 comments
After fixing #34, now items are not deleted in the back-end. However, one or more items can still disappear for a split second when clicking the close button or backspacing (even though they are correctly returned into the UI after processing the events).
There are also: a close button, a focus indicator (blue underline) and a hand cursor, which seem to indicate that the user can interact with the compent (but they can't. because the component is in read-only mode).
Among other things, this issue is caused because the readonly setting only affects the paper-input
part, but backspace is handled by paper-chip-input-autocomplete (which doesn't consider whether read-only mode is set).
Perhaps, we can achieve a better UX by treating readonly as "disabled" (which is correctly implemented by the client-side component) but with normal opacity.