bug: ion-input debounce is not set with binding syntax on initial load about ionic-framework HOT 4 CLOSED

Hello @muuvmuuv thanks for this issue.

This is due to a limitation in how/when angular assigns attributes and when our web components are able to detect the change. Currently the value is bound after the connectedCallback, but before the component is loaded.

As a workaround you can either not use binding syntax for debounce:

<ion-input
  debounce="1200"
  (ionInput)="onInput()"
  type="search"
></ion-input>

or you can update the debounce variable after the component has rendered, such as the ngAfterViewInit lifecycle.

I will log this a a bug, as we have implementation adjustments we can make internally to the component to better handle this scenario.

from ionic-framework.

Good point, that works. I don't need to change the value, so this works for my case but I agree, some console warning would be great.

from ionic-framework.

Can you test with this dev-build and let me know if you experience any unwanted behaviors?

npm install @ionic/[email protected]

Forked reproduction with dev-build: https://stackblitz.com/edit/stackblitz-starters-wcwcty?file=package.json

from ionic-framework.

The dev-build works in our project, even with [debounce]="600". Great @sean-perkins!

from ionic-framework.