auto-complete=”none” does not appear to work?

[edwardsmarkff]

hello –

i am trying to use the auto-complete = 'none' option as referenced here:

https://www.htmlelements.com/demos/combobox/auto-complete/

but it does not seem to be working for me:

https://codepen.io/edwardsmarkf/pen/rNpExgO

please enter “a” in the box, i should think the drop-down would not even open since auto-complete is set to “none” but combobox still is auto-completing. if i just wanted to enter “a” and not actually select a cup of coffee, this does not appear possible.

please advise.

and THANK YOU for your assistance, and thank you for providing combobox.

EDIT:  this appears to have the same issue:  https://www.htmlelements.com/demos/combobox/auto-complete/index.htm

 

 

 

 

• This topic was modified 2 years, 7 months ago by edwardsmarkff.
• This topic was modified 2 years, 7 months ago by edwardsmarkff.
• This topic was modified 2 years, 7 months ago by edwardsmarkff.
• This topic was modified 2 years, 7 months ago by edwardsmarkff.
• This topic was modified 2 years, 7 months ago by edwardsmarkff.
• This topic was modified 2 years, 7 months ago by edwardsmarkff.

[martin-jq]

Hello edwardsmarkff,

When the autoComplete property is set to “none” the auto complete is disabled, so the input of the combobox is not filled with the selected item’s text and the text doesn’t become the value of the textbox when the combobox loses focus. So this behavior is expected.

Best Regards,
Martin

Smart HTMLElements Team
https://www.htmlelements.com/

[edwardsmarkff]

actually that is not quite true – again please, try entering just the letter “a” and hit the return key, it fills in with the coffee name “Affrogato” – i had hoped to suppress the auto-fill completely.

however i did find an easy workaround:  incremental-search-mode='equals' creates the desired behavior.

[edwardsmarkff]

please try both of these, just enter “a” and return in both comboBoxes:

https://codepen.io/edwardsmarkf/pen/rNpExgO

auto-complete="none" does not seem to do anything since it still finds “Affrogato” but incremental-search-mode='equals' seems to work fine.

please let me know if i am not understanding what auto-complete does.  i just assumed that saying “none” would just turn it off completely…?

• This reply was modified 2 years, 7 months ago by edwardsmarkff.
• This reply was modified 2 years, 7 months ago by edwardsmarkff.

[martin-jq]

Hello edwardsmarkff,

I meant that if you, for example, use autoComplete="inline" the input shows a completion helper that appears next to the input cursor. This helper shows the first possible match by completing the input text and when you click outside the combobox its value is updated.
With autoComplete="none", that doesn’t happen. Also the drop down list items are not filtered. You are right that pressing Enter when an item is selected updates the value. Using the incremental-search-mode property is a good solution.

Best Regards,
Martin

Smart HTMLElements Team
https://www.htmlelements.com/

[Author]

Posts