I appreciate everyone's feedback on this topic. I think we all agree on the goal, but we have yet to find the perfect solution. The ultimate goal here is to create a better auto-complete dropdown for the search field that *responds to keystrokes*, and some of the proposed solutions include extending the functionality of an existing widget like EditText or Select or going with a JS plugin like Awesomplete.
There is one more requirement for this feature, and potential challenge that I hope we can discuss. The datalist element can utilize the list widget to generate a list of options (similar to the select widget options). This is how the modified search field on my demo works. However, the only options that appear as the user enters text are *titles that contain the text being typed*. The real requirement is to generate a dropdown of choices that are *titles of tiddlers where either the title, tags or text contains the text being typed*. That is how the current search works. This is a limitation of the datalist option. That is, even if you generate a list of options using the search filter, the option has to match some text being entered in order to be visible. That is the way auto-complete usually works. If you dig into the documentation for https://leaverou.github.io/awesomplete/ you will see that this option will have the same problem. You can specify a list based on the search filter (theoretically) but it will only display a subset of that list based on what the user types. Hopefully I am explaining this clearly. What this means to me is we will likely need a customized solution. Perhaps we need to expand on the existing functionality. I believe this to be the recommended way to create an auto-complete list on a textbox today: from Jeremy: [TW5] edit-text widget with popup <https://groups.google.com/forum/#!searchin/tiddlywiki/focusPopup|sort:relevance/tiddlywiki/kuq-FDMDWWg/SyatGMrcEQAJ> <$edit-text tiddler="TargetTiddler" tag="input" default="" focusPopup="$:/state/demo" class="tc-popup-handle"/> <$reveal state="$:/state/demo" type="nomatch" text="" default=""> <div class="tc-block-dropdown"> <$linkcatcher to="TargetTiddler"> <div class="tc-dropdown-item"> [[A value to set]] [[Another value]] [[These links could be generated]] [[by a list widget, too]] </div> </$linkcatcher> </div> </$reveal> The part that is missing is that the popup does not respond to keystrokes. That is the real issue. It would be a shame to roll out a new auto-complete feature that doesn't work as expected when "searching" fields other than title. -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/bcf82d05-8d4a-4d57-b373-bcbd64fe9b9f%40googlegroups.com.
