•  


[MASTER FEATURE] Dedicated autocomplete component · Issue #9785 · ampproject/amphtml · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MASTER FEATURE] Dedicated autocomplete component #9785

Closed
ericlindley-g opened this issue Jun 7, 2017 · 11 comments
Closed

[MASTER FEATURE] Dedicated autocomplete component #9785

ericlindley-g opened this issue Jun 7, 2017 · 11 comments

Comments

@ericlindley-g
Copy link
Contributor

ericlindley-g commented Jun 7, 2017

Dedicated component for an autocomplete field using AMP.

Tracking bug ? making this available first as a feature that can be composed using existing AMP functionality ( #6625 ), but we're considering making this possible.

@AndrewKGuan
Copy link

Looking forward to this new component. There are many companies waiting for its launch.

@ericlindley-g
Copy link
Contributor Author

Thanks for checking in?that's good to know!

To set expectations: we're working through a backlog of features that aren't possible in AMP yet, so packaging this feature into a component when it's already possible hasn't been slated for the short term. However, I'd be curious to hear if there are folks who aren't able to implement with the current tools, to see if there's anything we can do in the short term to help.

@AndrewKGuan
Copy link

Hey Eric,
yeah, with the current amp-bind (input debounce) it is sort of doable but lack some of the things:

  • Publisher can't define the minimal number of characters to trigger the xhr fetch

  • Suggestion div cannot be collapsed/hide when the user erases his input

@ericlindley-g
Copy link
Contributor Author

Thanks! /cc @choumx , @cvializ , and @aghassemi w/ this feedback

@cvializ
Copy link
Contributor

@AndrewKGuan Thanks for the feedback and interest in this issue! Just to clarify, the current autosuggest demo does hide the suggestions when the user erases their input. But a minimum number of characters before sending the XHR is a good feature request.

@cathyxz cathyxz self-assigned this Dec 18, 2017
@cathyxz
Copy link
Contributor

Another good FR to keep in mind for this: #12518 .

@ericlindley-g do you know what's the state of this? I'd be curious to know if there are any other outstanding FRs for a typeahead and build this out if nobody else is picking it up.

@aghassemi
Copy link
Contributor

@cathyxz From a technical side, cancelable fetch is becoming a reality. Not sure if any browser has implemented it or not, but would be nice for the component to use this feature when available to cancel inflight requests if their result is going to be thrown out anyway as user types.

@ericlindley-g ericlindley-g moved this from Backlog (shortlist) to E-comm in UI Jan 5, 2018
@nainar nainar changed the title Dedicated autocomplete component [MASTER FEATURE] Dedicated autocomplete component Jan 22, 2019
@nainar nainar added this to Next Up in AMP HTML Project Roadmap via automation Jan 22, 2019
@adriennefishman
Copy link

adriennefishman commented Feb 5, 2019

hi! this sounds awesome. i currently implemented autocomplete using amp-list and amp-selector.
some issues we faced:

  1. can't use up and down key arrows to navigate through the list of options unless the user presses tab first (which is not a natural inclination)
  2. once the autocomplete list of options is appearing, i would like it to be able to detect a click outside in the outer div, which could cause the the list of options to close but i couldn't get those two divs to interact
    thanks!!

@nainar
Copy link
Contributor

Related issues #8826 and #4071

@jaygray0919
Copy link

with help from @cvializ we published an experiment on slack ( https://amphtml.slack.com/messages/C0ADR0A0K/convo/C9HPA6HGB-1539093427.000100/ ) and here ( https://docs.google.com/document/d/1Y1plGrNltH3w8gDlDkFPzVUIt66CX3EzOKN5KNyjJ3E/edit ). FYI, we also published on AMPbin, but it was wiped out. We'd like to be part of any improvements here.

@caroqliu
Copy link
Contributor

Closing since the amp-autocomplete experiment was cleaned up in #22708 and has fully launched:
https://amp.dev/documentation/examples/components/amp-autocomplete/?format=websites

Sign up for free to join this conversation on GitHub . Already have an account? Sign in to comment
Projects
UI
   
E-comm
Development

No branches or pull requests

9 participants
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본