ionic-team / ionic-team/ionic-framework

feat: Support `input#list`

Open
#29,217 4 comments 6 reactions 0 assignees View on GitHub
type: feature request
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already include this feature request, without success.

### Describe the Feature Request

Add the `list` property to ``.

```html

...

```

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 ``.

### Describe the Use Case

To connect to a `` in order to show suggestions.

### Describe Preferred Solution

_No response_

### Describe Alternatives

Here is my current workaround:

```jsx

{/*This is a hack to make sure the input below is styled.*/}

{/*TODO: Platform-dependent class names.*/}







aaa
aab
aac
cca
ccb
ccc



```

### Related Code

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start at the ion-input component and its framework bindings, then inspect how native input properties are exposed. Confirm completion by allowing list="..." to connect an ion-input to a datalist across the supported syntaxes, with coverage for the framework integrations.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.