Блог

Как я могу отключить всплывающую подсказку на изображении, которая возникает, когда пользователь вручную вводит количество, превышающее максимальное?

Всплывающая подсказка отображается, когда пользователь пытается отправить форму, и мне нужно ее отключить. Я почти уверен, что это генерируется браузером, а не какой-либо из библиотек, которые я использую. Если кто-то может подтвердить это, это было бы оценено.

Я использую material UI с формой React Hook:

 <Controller
    name={`quantity${sku}`}
    control={control}
    defaultValue={currentQuantity}
    render={({ onChange, onBlur }) => (
        <OutlinedInput
            defaultValue={currentQuantity}
            type="number"
            name={`quantity${sku}`}
            variant="outlined"
            onChange={e => {
                handleChange(e);
                onChange(e);
            }}
            onBlur={e => {
                handleChange(e);
                onBlur(e);
            }}
            inputProps={{
                maxLength: 2,
                max: maxQuantity || 99,
                min: 1
            }}
        />
    )}
/>
    
  

noValidate Атрибут предотвратит проверку

  <form noValidate>
    <input type="number" max="10" />
    <button>Submit</button>
  </form>