IdsSearchField : Search suggestion are not visible

[Jaydip14]

Describe the bug IdsSearchField does not show suggestions. I was able to observe popup opening related errors in console.

To Reproduce Steps to reproduce the behavior:

1. Add ids-search-field web component
2. provide dataset with data in component
3. start application
4. Observe behavior

<ids-search-field [data]="dataset$ | async" id="search-field-autocomplete" label-state="collapsed" placeholder="Search" caps-lock="true" align="start" search-field="label" autocomplete clearable ></ids-search-field>

Expected behavior We should be seeing suggestions in popup menu. However, I was observing errors in console.

Version

• ids-enterprise: 1.0.0-beta.21

Screenshots

Platform

• Infor Application/Team Name: Infor Birst ETLP
• Device: MacBook
• OS Version: MacOS 14.4.1
• Browser Name: chrome
• Browser Version: 123.0.6312.106

[tmcconechy]

So this is autocomplete? https://main.wc.design.infor.com/ids-input/autocomplete.html Im not seeing any error there maybe we need a specific example?

[Jaydip14]

Yes, it is autocomplete with ids-search-field. As for the specific example, does providing video recording will work?

[tmcconechy]

Code would be better. If not possible to provide a code snippet i can try to make the example and see if it works

[Jaydip14]

This is an Angular application.

HTML Template: <ids-search-field (selected)="handleSelected($event)" (input)="handleSearch($event)" [data]="dataset$ | async" id="search-field-autocomplete" label-state="collapsed" placeholder="Search" caps-lock="true" align="start" search-field="label" autocomplete clearable ></ids-search-field>

Component file: private readonly datasetSubject: BehaviorSubject<SearchableDataset[]> = new BehaviorSubject([{"id":"2","label":"Pipeline_1712323234225"},{"id":"workflow-1","label":"March Demo Pipeline"} {"id":"workflow-2","label":"Sales & Revenue 2021 - 3"}])

public readonly dataset$: Observable<SearchableDataset[]> = this.datasetSubject.asObservable()

public handleSearch(ev: Event): void {
    const value: string = (ev.target as any).value
    this.search.search(value)
}

public handleSelected(ev: Event): void {
    const id = (ev.target as any)?.value
    this.search.handleSearchSelection(id)
}

`

[ShwetaKhera]

Hi @tmcconechy, I am also seeing this issue in ids-enterprise version 1.0.0. Thanks

[tmcconechy]

@ShwetaKhera thanks. We didnt fix this just yet. Its in progress now

[glenlieorillo]

This is now working as expected.

https://main.wc.design.infor.com/ids-search-field/example.html