JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › ComboBox › auto-complete=”none” does not appear to work?
- This topic has 4 replies, 2 voices, and was last updated 2 years, 5 months ago by martin-jq.
-
AuthorPosts
-
April 25, 2022 at 11:11 pm #103104edwardsmarkffParticipant
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, 5 months ago by edwardsmarkff.
- This topic was modified 2 years, 5 months ago by edwardsmarkff.
- This topic was modified 2 years, 5 months ago by edwardsmarkff.
- This topic was modified 2 years, 5 months ago by edwardsmarkff.
- This topic was modified 2 years, 5 months ago by edwardsmarkff.
- This topic was modified 2 years, 5 months ago by edwardsmarkff.
April 26, 2022 at 1:09 pm #103113martin-jqParticipantHello 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,
MartinSmart HTMLElements Team
https://www.htmlelements.com/April 26, 2022 at 4:21 pm #103114edwardsmarkffParticipantactually 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.April 27, 2022 at 12:39 am #103115edwardsmarkffParticipantplease 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” butincremental-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, 5 months ago by edwardsmarkff.
- This reply was modified 2 years, 5 months ago by edwardsmarkff.
April 27, 2022 at 12:55 pm #103118martin-jqParticipantHello 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.
WithautoComplete="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 theincremental-search-mode
property is a good solution.Best Regards,
MartinSmart HTMLElements Team
https://www.htmlelements.com/ -
AuthorPosts
- You must be logged in to reply to this topic.