Tencent / Tencent/tdesign-miniprogram

chatList 自动滚动问题

Open
#4,393 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

🐞 bug 🧐 unconfirmed
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

选择框架

@tdesign/uniapp-chat

NPM 包版本

^0.2.2

基础库调试库版本(如果出现问题的框架为 tdesign-miniprogram,请提供基础调试库版本)

No response

重现链接

No response

重现步骤

1、直接在组件库文档的chatList组件中问问题。
2、然后随着输出的内容越来越长,页面向下滚动。
3、滚动条网上拖动一点点,此时页面还会继续滚动。

期望结果

如果滚动条有往上滚动的动作,那么就不要自动向下滚动了。

实际结果

即使滚动条不在最底部,还会向下滚动

补充说明

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the chatList component in the component-library documentation and reproduce the issue using @tdesign/uniapp-chat version ^0.2.2. Trace the automatic scrolling while output grows and the user drags the scrollbar upward. Done means upward scrolling prevents further automatic scrolling to the bottom.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.