TextArea: Cannot read properties of null (reading 'querySelector')

[mishalov]

Describe the bug

We receive Sentry issues when using this component in Signavio Process Intelligence. There are 18 events from 8 users for last 14 days.

issue happens at line

const focusedOutToValueStateMessage = eTarget?.shadowRoot.querySelector(".ui5-valuestatemessage-root");

of file webpack://@signavio/pex-client/./node_modules/@ui5/webcomponents/dist/TextArea.js

saying that eTarget?.shadowRoot is null for some reason

Isolated Example

We can not provide an example

Reproduction steps

Steps to reproduce are unclear, but here is Usage of the together with <FormItem> from <code>ui5-webcomponents-react</code> library </p> <p><img referrerpolicy="no-referrer" src="https://github.com/SAP/ui5-webcomponents-react/assets/21031228/f9ea9abb-0298-44b3-abfb-a8940bef6e29" alt="image" /></p> <h3>Expected Behaviour</h3> <p>No issues on the client side</p> <h3>Screenshots or Videos</h3> <img width="921" alt="Screenshot 2023-12-11 at 15 22 05" src="https://github.com/SAP/ui5-webcomponents-react/assets/21031228/14cd4c98-f8d2-4d1e-97cb-84b560649ff6"> <h3>UI5 Web Components for React Version</h3> <p>1.18.0</p> <h3>UI5 Web Components Version</h3> <p>1.16.0</p> <h3>Browser</h3> <p>Chrome</p> <h3>Operating System</h3> <p>Various</p> <h3>Additional Context</h3> <p><em>No response</em></p> <h3>Relevant log output</h3> <p><em>No response</em></p> <h3>Declaration</h3> <ul> <li>[X] I’m not disclosing any internal or sensitive information.</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Lukas742"><img src="https://avatars.githubusercontent.com/u/9749730?v=4" />Lukas742</a> commented <strong> 9 months ago</strong> </div> <div class="markdown-body"> <p>Hi @mishalov </p> <p>this seems to be the same issue as <a href="https://github.com/SAP/ui5-webcomponents/issues/7468">https://github.com/SAP/ui5-webcomponents/issues/7468</a> and was fixed with <a href="https://github.com/SAP/ui5-webcomponents/releases/tag/v1.17.0">v1.17.0</a> of UI5 Web Components (compatible ui5wcr version is <code>~1.19.0</code>). If this is not the case please let me know.</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>