Css 在Chrome上使用带有分页功能的Popover时，有时会显示整个页面；“跳跃”；从一个信息分页到另一个信息时

我正在使用Antd库进行React。我有一个功能，可以使用弹出窗口显示对某人的评论。我还在这个Popover组件中使用分页组件，它可以从一个注释更改为另一个注释

评论可能只有一行或几行，这迫使弹出框对于每个“页面”具有不同的高度

在Firefox上一切正常，但是在Chrome上，当我在评论之间翻页时，打开Popover，有时整个页面会“跳跃”，很可能是因为Popover获得了一个新的高度

我想知道这是一个bug，还是解决这个问题的一种方法

提前谢谢

---

简而言之，这是一个组成部分：

<Popover
        destroyTooltipOnHide={true}
        ref={popupRef}
        mouseLeaveDelay={0.5}
        onVisibleChange={this.onVisibleChanged}
        content={
          isEmpty ? (
            <p>There are no comments to show</p>
          ) : (
            <div className="comments-popover-body">
              <Comment
                key={comment._id}
                author={comment.userName}
                datetime={moment(comment.created_at).format('LLL')}
                content={
                  <Paragraph
                    ellipsis={{
                      rows: 6,
                      expandable: true,
                      onExpand: this.refreshPopupPosition
                    }}
                  >
                    {comment.comment}
                  </Paragraph>
                }
              />
              <Row>
                <Col span={12} style={{ textAlign: 'left' }}>
                  {showFilters ? (
                    <RadioGroup defaultValue={false} size="small" onChange={this.toggleFilter}>
                      <RadioButton value={false} checked={!filter}>
                        All comments
                      </RadioButton>
                      <RadioButton value={true} checked={filter}>
                        Jedi Comments only
                      </RadioButton>
                    </RadioGroup>
                  ) : null}
                </Col>
                <Col span={12} style={{ textAlign: 'left' }}>
                  {isOne ? null : (
                    <Pagination
                      simple
                      current={currentIndex + 1}
                      total={comments.length}
                      pageSize={1}
                      onChange={this.changeIndex}
                    />
                  )}
                </Col>
              </Row>
            </div>
          )
        }
      >
        {record.lastCommentDateShort}
      </Popover>

{record.lastCommentDateShort}