Modus FileDropZone: Showing error on uploading wrong file

[29B-Logesh]

Prerequisites

• [x] I have searched for duplicate or closed feature requests
• [x] I have read the Modus style guidelines

Proposal

Currently, Filedropzone does not display any error message when an incorrect file format is uploaded, unlike Modus React Bootstrap. It is expected that an error message will be shown on the UI, similar to React Bootstrap.

Motivation and context

We are using Modus React bootstrap filedropzone, there is an UI issue like there is an extra comma(',') at the end of the error message refer the image. While look into the web component we can't see any error showing like that

What is the issue regarding ?

@trimble-oss/modus-web-components

Priority

Medium

What product/project are you using Modus Components for ?

FieldData

What is your team/division name ?

Central Product Development

Are you willing to contribute ?

Maybe

Are you using Modus Web Components in production ?

No response

[github-actions[bot]]

Hello @29B-Logesh! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

[coliff]

Can you please confirm if this issue is with modus-react-components (which is built with modus-web-components, this repo) or trimble-oss/modus-react-bootstrap (which is no longer actively maintained)?

[29B-Logesh]

Hi @coliff , I am saying that the feature is missing in the web component. In our project, we are using the Modus React Bootstrap file dropdown, and we faced an issue with an extra comma appearing when uploading the wrong file. Because of this, we planned to move to the web component. However, while looking into the web component, the error itself is not displayed. Since React Bootstrap is no longer maintained, I am requesting this feature in the web component.