No input element found. Please make sure that the "inputRef" template ref is properly assigned with ion-input

[Isidora25]

Hello
I'm receiving this error when I try to pass inputRef into ion-input

<template>
  <ion-input :ref="inputRef" label="label" name="name" :value="formattedValue"></ion-input>
</template>

<script setup>
 const { formattedValue, numberValue, inputRef, setValue, setOptions } = useCurrencyInput({
    currency: 'EUR',
    locale: 'fr',
  })
</script>

How can I use inputRef with ion-input?

[dm4t2]

Hi, assigning the template ref without a colon should work: <ion-input ref="inputRef"/>

[Isidora25]

hello @dm4t2 !
thank you for your response!
But unfortunately it doesn't work without colon as well

[dm4t2]

Can you provide a minimal reproduction (CodeSandbox or StackBlitz)? Thanks!

[Isidora25]

Here it is
ion currency input - doesn't work
regular input - works fine
the error is in console if there is only ion-input

[dm4t2]

Thanks! The problem is that the native HTML input element of <ion-input> can only be retrieved with https://ionicframework.com/docs/api/input#getinputelement. This can be solved by extending the API of useCurrencyInput to allow a custom lookup strategy. I will open an issue for that.

[dm4t2]

see #390

[Isidora25]

@dm4t2 thank you! 🙇‍♀️

[palfaro91]

Hi @Isidora25 did you end up finding a workaround?

@dm4t2 is there a work around?

[dm4t2]

A workaround might be intl-number-input, which can be used directly with HTML input elements.