Почему после события onFocus и onBlur может просисходить автоматическая прокрутка вверх?

Question

[Сергей Сунцев]

В приложении использую react-materilal-ui и redux-form.
Скинул бы код, но даже не представляю какой кусок отправлять, покуда это происходит абсолютно с любыми компонентами формы. Может кто то сталкивался с такой проблемой?

Вот пример ui инпута

import React, {Component} from 'react'
import TextField from '@material-ui/core/TextField'
import {Field} from "redux-form"

const renderTextField = ({
                           input,
                           defaultValue,
                           label,
                           value,
                           meta: {touched, error},
                           ...custom
                         }) => (
  <TextField
    hinttext={error}
    floatinglabeltext={label}
    errortext={touched && error ? error : ''}
    {...input}
    {...custom}
    label={touched && error ? error : label}
    error={touched && error ? true : false}
    defaultValue={value}
  />
)

class MaterialInput extends Component {
  
  render() {
    const {...props} = this.props
    return <Field {...props} component={renderTextField}/>
  }
}

export default MaterialInput

Comments

[Александр]

class MaterialInput extends Component {
  
  render() {
    const {...props} = this.props
    return <Field {...props} component={renderTextField}/>
  }
}

export default MaterialInput

Странный кусок кода, Вы не забыли объявить constructor и props в нем?

[Сергей Сунцев]

Александр, зачем? кто то в последнем реакте так ещё делает?

Answer 1

[Александр]

Попробуйте вызвать .preventDefault() на событии

Comments

[Сергей Сунцев]

ну да, ну да...