ionic-team / ionic-team/ionic-framework

bug: The scroll of ion-segment-content doesn't work properly.

未关闭
#30,400 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

Hello,
The scroll doesn't match the content of each ion-segment-content

### Expected Behavior

The scroll should adjust to the height of the content.
The scroll should scroll properly; now it just stops.

### Steps to Reproduce

Look at the example and scroll the different tabs:
https://stackblitz.com/edit/pxhxnc4c?file=src%2Fapp%2Fexample.component.html,src%2Fapp%2Fexample.component.css

### Code Reproduction URL

https://stackblitz.com/edit/pxhxnc4c?file=src%2Fapp%2Fexample.component.html,src%2Fapp%2Fexample.component.css

### Ionic Info

```
Ionic:

Ionic CLI : 7.2.1
Ionic Framework : @ionic/angular 8.5.7
@angular-devkit/build-angular : 19.2.11
@angular-devkit/schematics : 19.2.11
@angular/cli : 19.2.11
@ionic/angular-toolkit : 12.2.0

Capacitor:

Capacitor CLI : 7.2.0
@capacitor/android : 7.2.0
@capacitor/core : 7.2.0
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v22.13.1
npm : 11.3.0
OS : Windows 10
```

### Additional Information

_No response_

贡献指南

打开贡献指南

调研方向

Start by running the StackBlitz reproduction and inspect src/app/example.component.html and src/app/example.component.css. Compare scrolling across the different tabs and identify why ion-segment-content stops before the full content height; done means each tab scrolls through all of its content correctly.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。