ElemeFE / ElemeFE/mint-ui

[Bug Report] TabContainer组件滑动异常

Open
#1,414 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
16.4k
Forks
3.5k
PR merge metrics
No merged PRs in 30d

Description

### Mint UI version
2.2.13

### OS/Browsers version
All

### Vue version
2.5.2

### Reproduction Link
[https://www.maobotv.com/moblie/index.html#/rate/anchor](https://www.maobotv.com/moblie/index.html#/rate/anchor)

### Steps to reproduce
项目已上线,地址

复现步骤:
向左滑动到一半后,手指向下滑出屏幕

### What is Expected?
正常切换Tab

### What is actually happening?
页面停留在两个Tab中间不触发touchEnd。

可否通过如下方式在滑出页面时强制触发touchEnd
```
if (e.changedTouches[0].pageY <= 0) {
e.preventDefault();
that._unbind("touchmove", window);
that.dispatchEvent(new Event("touchEnd"));
return;
}
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the TabContainer touch-gesture handling and reproduce the behavior using the linked reproduction page: swipe left, then move the finger off-screen. Trace why touchEnd is not reached and verify that the tab completes its transition normally when the gesture leaves the screen.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.