Skip to content

useInputMask interfer with other Vuestic elements state #4519

@law-san-667

Description

@law-san-667

Vuestic-ui version: 1.9.0
Vuestic/Nuxt: 1.0.21

Description

Using Vuestic nuxt, I noticed 2 things with useNumeralMask:

  • It does not validate input on lenght
    I used it here:

### Reproduction

<!-- 
  Please use playground (https://ui.vuestic.dev/play or codesandbox) or write here steps for reproduction
  ! This will help us handle this issue faster!
 -->
  useInputMask(
    createNumeralMask({
      groupSeparator: " ",
      digits: 15, 
      integerDigits: 15, 
      integerLimit: 15, 
      allowMinus: false,
      rightAlign: false,
    }),
    amountInput
  );
  • It creates some issues with other Vuestic components states.
    Typically I have a VaInput using the amountInput and Two VaSelect below using no mask. (No other component is using amountInput). Once I enter a value inside the amountInput VaInput I cannot set a new value inside VaSelect fields. The state is not updated.

Maybe this is due to VuesticNext not using Vuestic-ui last version (last version 1.0.21 is using 1.9.0), I dont know but these are issue I currently have.

Thanks in advance.

Metadata

Metadata

Assignees

No one assigned

    Labels

    BUGSomething isn't working

    Type

    No type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions