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
feat: Support input#list
#29217
Labels
type: feature request
a new feature, enhancement, or improvement
Comments
brandyscarney
added
the
type: feature request
a new feature, enhancement, or improvement
label
Mar 25, 2024
I'm looking for this too. <IonInput
ref={async (node) => {
const input = await node?.getInputElement();
input?.setAttribute("list", "codes");
}}
label="Code"
type="text"
/>
<datalist id={"codes"}>
<option value={"aaa"} />
<option value={"aab"} />
<option value={"aac"} />
...
</datalist> |
I feel silly for not thinking of this! |
@jberglinds Actually, your solution seems to cause a bug. You have to click the input multiple times for it to show the datalist. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Prerequisites
Describe the Feature Request
Add the
list
property to<ion-input>
.Is there a reason it is not supported? Perhaps because it does not represent native text field behavior? Note: There is very little styling possible on
<datalist>
.Describe the Use Case
To connect to a
<datalist>
in order to show suggestions.Describe Preferred Solution
No response
Describe Alternatives
Here is my current workaround:
Related Code
No response
Additional Information
No response
The text was updated successfully, but these errors were encountered: