scrollIntoView не прокручивается вниз, когда в контейнере находится изображение / файл - PullRequest
Новая
       8

scrollIntoView не прокручивается вниз, когда в контейнере находится изображение / файл

0 голосов
/ 23 мая 2018

У меня есть приложение реагирования, в котором есть раздел комментариев.Пользователи могут комментировать PDF-файлы, изображения, файлы Excel и CSV.Когда пользователь открывает проект, я хочу, чтобы контейнер с комментариями прокручивался до самого дна.Функциональность отлично работает, если комментарии только текстовые.Однако, когда кто-то добавляет какой-либо файл, он больше не будет прокручиваться до самого конца.Это только прокрутка около 3/4 и чем больше файлов добавлено, тем меньше оно прокручивается.

Вот как это называется: 

     componentDidUpdate() {
          this.scrollToBottom()
       }

     scrollToBottom(){
         this.el.scrollIntoView({ behavior: 'smooth' })
       }

Это то, что в моем рендере: 

     <div className="comments-container-parent">
              {this.props.projectComments.map((comment) => {
                return <ProjectComment  editCommentText={this.props.editCommentText} commentId={comment.id} deleteComment={this.props.deleteComment} comment={comment} projectData={this.props.projectData} />

              })}
              <div style={{ float:"left", clear:"both" }}  ref={el => { this.el = el }}></div>
     </div>

Как заставить прокрутку работать должным образом, когда файлы задействованы?

...