search

microsoft / fluentui-blazor

Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
https://www.fluentui-blazor.net
MIT License
3.83k stars 370 forks source link

fix: Clear button is no longer functioning in AutoComplete #2903

Open lasbrojen opened 7 hours ago

lasbrojen commented 7 hours ago

Hi ❤️

It seems that the Clear button in AutoComple is no longer functioning. I've noticed the same issue on the demo site as well. I've included a GIF below for reference.

Thank you for this nugget ✌️

🐛 Bug Report

Image

NabaviFard-Mahdi commented 7 hours ago

It issues this error

 focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: svg
Ancestor with aria-hidden:  <svg slot=​"end" style=​"width:​ 12px;​ fill:​ var(--accent-fill-rest)​;​ cursor:​ pointer;​" focusable=​"false" viewBox=​"0 0 16 16" aria-hidden=​"true" tabindex=​"0" role=​"button">​slot<title>​Clear​</title>​<!--!--><path d=​"m2.59 2.72.06-.07a.5.5 0 0 1 .63-.06l.07.06L8 7.29l4.65-4.64a.5.5 0 0 1 .7.7L8.71 8l4.64 4.65c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L8 8.71l-4.65 4.64a.5.5 0 0 1-.7-.7L7.29 8 2.65 3.35a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z">​</path>​</svg>​

Image