[MultiInput] Add support for loading state

[fuchodeveloper]

Is your feature request related to a problem?

The MultiInput component does not have a loading state and the user is required to implement one.

Describe the solution you'd like

While working on an issue relating to the content of the MultiInput not showing when fetching data, I realised that the component does not provide a native loading state. The effect of this is that the consumer of the component is required to implement a loading indicator of some sort and potentially leads to introducing custom styling outside of the Ui5 library. I propose that this loading state should be natively supported by the MultiInput out-of-the box via a prop or a boolean value.

Describe alternatives you've considered

I tried using the <BusyIndicator /> to manually implement a loading state

Additional Context

No response

Organization

SAP

Declaration

• [x] I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @fuchodeveloper

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

To help the colleagues process this issue faster, could you already let us know why using the BusyIndicator component isn't sufficient? I tested the behavior and it seems to be working as intended: https://stackblitz.com/edit/github-6vrcfo1r?file=src%2FApp.tsx

[fuchodeveloper]

Hi @Lukas742, thanks for your response and included demo.

The use case in the Stackblitz is different from the one I reported and in the demo above the UI is blocked when the loading is happening which would not be an good user experience.

The feature request I'm proposing is that the when a user is typing in the MultiInput component and an API call is triggered to fetch the results, the component should provide a way to show/notify the user that a request is happening in the background without blocking the UI. Maybe a prop like so, just an idea:

<MultiInput
   loading={loading}
...
/>

[duygu-rmdn]

Hi @UI5/ui5-team-ctr-ril, could you please take a look?

[ivoplashkov]

Hello colleagues,

The reporter proposes to implement a "loading" state of the MultiInput component. Forwarding this to the planning board for further evaluation.

Best regards, Ivaylo

[hristop]

Relates to #10489 and this design request: FIORITECHP1-32830 and SAPDESIGNSYSTEM-438.