Estoy usando la biblioteca antd en mi proyecto y usando Form from antd. Cada vez que me enfoco en cualquier campo de entrada en ese formulario, se desplaza automáticamente hasta la parte inferior de ese formulario. Quiero deshabilitar este desplazamiento mientras me enfoco en los campos de entrada. El formulario se parece un poco a continuación:

 <Form form={form} name="seller_contact_form" initialValues={props.initialValues} onFinish={onFinish} onFinishFailed={onFinishFailed} scrollToFirstError autoComplete="dontshow" > <Row justify="center"> <Col span={20}> <div className="gq-order-quantity-wrap"> <span className="label-paragraph"> Preferred quantity </span> </div> <Form.Item name="quantity" style={{ marginBottom: "1em" }} rules={[ { required: true, message: "Please enter target quantity", }, { min: parseInt(inStock <= 0 ? switchMoq : minimumOrderQuantity), type: "number", message: `Please add quantity equal units`, }, { pattern: new RegExp("^[0-9]*$"), message: "Please enter in correct format!", }, ]} > <InputNumber onFocus={(e) => gtmFormFunction("quantity", e)} onChange={(value) => checkQuantityVal(value)} autoComplete="dontshow" id={`quantity_${generateRandomString()}`} className={'input112'} /> </Form.Item>

Sugiera si alguien tiene alguna pista sobre cómo solucionar esto. Gracias por adelantado :)