ionic-team / ionic-team/ionic-framework

bug: Ion-Select component last item not visible when interface="modal"

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

描述

### Describe the Bug

When we use Ion-Select with interface="modal" last item in list is not visible.
Pre-requisites: There should be a scrollbar in the modal. So, add as many items until we get scroolbar

### Expected Behaviour

All the items should be visible when the user scrolls to the very last of list

### Steps to Reproduce

Steps to reproduce
1) Create a list using the Ion-Select component with interface ="modal"
2) Add items to this list using Ion-Select-Option component.
3) Add as many items in the list such that we get a ScrollBar to see items further down the list.
4) Now, scroll to the bottom of list, the last item is not visible. It is present in the DOM, but not visible

I was able to reproduce it using the given Ion-Select example in the documentation: https://ionicframework.com/docs/api/select#modal
Just increase the number of items in the list until there is a scrollbar and only last item is not visible.

### Screenshots

Last item Bananas is not visible in the list
![Image](https://github.com/user-attachments/assets/c772905a-35e2-4bc6-8ff3-6b7ef3fc95b9)

### Operating System

Windows

### Browser

Chrome

### Version

136.0.7103.93

### Additional Information

_No response_

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

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