background color on the last otp input.

[ayobamiseun]

i get this weird background color on the last input

[guilherme-oliveira-trybe]

i have the same problem and i try to fix with css properties on my input but not working

[itz-saran]

@ayobamiseun same here any updates on how you fixed it ?

[CCoder23]

i think on focusInput if we comments out selecting the input it works: i mean this line inputRefs.current[activeInput]?.select();

[ayobamiseun]

i think on focusInput if we comments out selecting the input it works: i mean this line inputRefs.current[activeInput]?.select();

where can this be done

[devlopersabbir]

I fixed this problem on this pull request #432

[jethrolibutan]

i think on focusInput if we comments out selecting the input it works: i mean this line inputRefs.current[activeInput]?.select();

where can this be done

hello, was this ever solved?

[ianjojo]

still seems to be an issue, any word on this?

[AlexSapoznikov]

It is because last input keeps focus. Here is how I solved it:

   const NUM_INPUTS = 6

   <OtpInput
        value={code}
        onChange={onChangeCode}
        numInputs={NUM_INPUTS}
        renderSeparator={<span>&nbsp;&nbsp;</span>}
        renderInput={(props, index) => (
          <input
            {...props}
            onChange={(e) => {
              props.onChange?.(e);

              // Last item changed.
              if (index === NUM_INPUTS - 1) {
                (e.target as HTMLInputElement)?.blur();
              }
            }}
          />
        )}
        shouldAutoFocus
      />