Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

Show arrow for autocomplete

Open leetheman opened this issue 2 years ago • 6 comments

Hi there -

I know you can set MinLength to 0 for the AutoComplete to act as a combobox, however, is there a way to also have an arrow show up that can open the dropdown programitcally, as sometimes our users wish to just view the list first before typing?

leetheman avatar Feb 27 '24 15:02 leetheman

@stsrki thoughts? I think it would be ok.

@leetheman have you tried using Addon, with a button that triggers the Autocomplete Open?

David-Moreira avatar Feb 27 '24 22:02 David-Moreira

I'm not sure how that would work. We wrap input with the Dropdown internally in Autocomplete. And, usually, the arrow is placed on the toggle button, not on an input that we use. So, if we were to add an arrow icon, we would also have to have a custom CSS for each of our CSS providers.

stsrki avatar Feb 28 '24 08:02 stsrki

Hi David, I can't find the reference for the autocomplete API so unsure how to trigger the open programatically? But yes the addon button would suit perfectly

leetheman avatar Feb 28 '24 12:02 leetheman

Hi David, I can't find the reference for the autocomplete API so unsure how to trigger the open programatically? But yes the addon button would suit perfectly

The addons were designed for our base components, so I'm not 100% sure it will work correctly, but can't hurt trying, let us know your findings.

Autocomplete docs: https://blazorise.com/docs/extensions/autocomplete image

David-Moreira avatar Feb 28 '24 12:02 David-Moreira

I'm not sure how that would work. We wrap input with the Dropdown internally in Autocomplete. And, usually, the arrow is placed on the toggle button, not on an input that we use. So, if we were to add an arrow icon, we would also have to have a custom CSS for each of our CSS providers.

I think we'd be fine if it justs sits besides the input? Does not necessarily need to be "inside"?

David-Moreira avatar Feb 28 '24 12:02 David-Moreira

Agree - doesn't need to be inside the input, but a visual indicator is quite important so the user is aware there are options and it's not a free text.

Could a css "content::before" caret not be used if it is the input?

On Wed, 28 Feb 2024 at 12:26, David Moreira @.***> wrote:

I'm not sure how that would work. We wrap input with the Dropdown internally in Autocomplete. And, usually, the arrow is placed on the toggle button, not on an input that we use. So, if we were to add an arrow icon, we would also have to have a custom CSS for each of our CSS providers.

I think we'd be fine if it justs sits besides the input? Does not necessarily need to be "inside"?

— Reply to this email directly, view it on GitHub https://github.com/Megabit/Blazorise/issues/5333#issuecomment-1968877817, or unsubscribe https://github.com/notifications/unsubscribe-auth/AI5SVT7X7XXTUD2AP6NMUZDYV4PA3AVCNFSM6AAAAABD4JZA6OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNRYHA3TOOBRG4 . You are receiving this because you were mentioned.Message ID: @.***>

-- Lee Ramsingh Managing Director

Tel: 020 8057 8874 E: @.*** W: bettertechnology.co.uk http://www.bettertechnology.co.uk

Better Technology Consulting is a limited company registered in England and Wales. Company registration number 09589853. Registered offices: Office 7, 35-37 Ludgate Hill, LONDON, EC4M 7JN

leetheman avatar Feb 28 '24 13:02 leetheman

While it would be nice to have, it would be too difficult to implement without having too much of benefits to the user.

Closing now.

stsrki avatar Jul 30 '24 08:07 stsrki