TextArea: Cant type spaces when used inside of UploadCollection

Describe the bug

When the TextArea Component is used inside of the UploadCollection (and UploadCollectionItem) it is not possible to type spaces.

Isolated Example

https://stackblitz.com/edit/github-7dyw9x?file=src%2FApp.tsx

Reproduction steps

Pass TextArea as children to UploadCollectionItem like shown in StackBlitz example.

Expected Behaviour

Regular behaviour of the TextArea Component.

Screenshots or Videos

No response

UI5 Web Components for React Version

1.29.0

UI5 Web Components Version

1.24.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

I just noticed that the Input Component and even the html tag does have the exact same Bug.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/MarcusNotheis"><img src="https://avatars.githubusercontent.com/u/8775211?v=4" />MarcusNotheis</a> commented <strong> 2 months ago</strong> </div> <div class="markdown-body"> <p>Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/nnaydenow"><img src="https://avatars.githubusercontent.com/u/31909318?v=4" />nnaydenow</a> commented <strong> 2 months ago</strong> </div> <div class="markdown-body"> <p>Hello @sap/ui5-webcomponents-topic-rd,</p> <p>Could you please check the issue? Same applies for the ui5-input as well.</p> <p>Regards, Nayden</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/GerganaKremenska"><img src="https://avatars.githubusercontent.com/u/22882174?v=4" />GerganaKremenska</a> commented <strong> 2 months ago</strong> </div> <div class="markdown-body"> <p>Hello @SAP/ui5-webcomponents-topic-p, </p> <p>The issue is reproducible in this <a href="https://stackblitz.com/edit/js-9pecrc?file=index.html,index.js,package.json">example</a> UploadColectionItem extends ListItem, when an input/textarea (guessing any type of input) are placed inside a list item and some text is entered trying to use space to separate words is impossible. </p> <p>From what i can see in the ListItem space is only used for activating the list item. Is this a use case that you have encountered?</p> <p>Can you please take over?</p> <p>Note: In openui5 this scenario works.</p> <p>Best Regards, Gergana</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

SAP / ui5-webcomponents