You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Perhaps a click on the search icon could trigger HandleInputFocus or wrapping the search icon in a <label for="@_inputId">...</label>
Would a PR for this be accepted and which method would be preferred if they both work?
Side note: As a workaround I could remove the chevron but that is harder than it appears to be, setting it to null and the defaults which can't be nulled take over, the best I could do was to replace it with a transparent icon.
The text was updated successfully, but these errors were encountered:
We are using HxSearch as a fancy select/option box with a Chevron down icon to make it visually appear to be one.
Please note that HxSearchBox lacks the complete functionality of HxInputBase, e.g., it doesn't support validation.
I agree we should find a way to handle clicks on the SearchIcon.
But clicking/tapping on the chevron doesn't trigger the dropdown, unlike when you click on the rest of the component.
I understand your scenario, but clicking the component doesn't always open the dropdown. There are numerous scenarios where clicking the input behaves differently.
We could consider forwarding the click event from the icon to the click event of the input, but I'm undecided if clicking the "magnifier" icon—especially when there's text entered in the input—shouldn't be interpreted as initiating a search (submit/Enter)?
@blanchardglen, do you have any alternative suggestions for the proposed PR aside from pointer-events: none;? I currently don't see it as the ideal solution, since we've encountered some issues related to pointer-events before.
Loving using Havit :)
We are using
HxSearch
as a fancy select/option box with a Chevron down icon to make it visually appear to be one.But clicking/tapping on the chevron doesn't trigger the dropdown like it does when clicking on the rest of the component.
Havit.Blazor/Havit.Blazor.Components.Web.Bootstrap/Forms/SearchBox/HxSearchBox.razor
Lines 65 to 70 in d554f54
Perhaps a click on the search icon could trigger
HandleInputFocus
or wrapping the search icon in a<label for="@_inputId">...</label>
Would a PR for this be accepted and which method would be preferred if they both work?
The text was updated successfully, but these errors were encountered: