ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

bug: Inline Modal doesn't allow full scrolling of content is reproducible with new version 8.4.1

Open mae-financial-com opened this issue 10 months ago • 1 comments

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

The Modal interface in ion-select does not allow to scroll to the last item.

In this modal https://ionicframework.com/docs/api/select#modal add more items in the list so there is a scrollbar then the last item is not visible and remains hidden. Try here - https://stackblitz.com/edit/4jhdta38?file=src%2Fcomponents%2FExample.vue

This issue is similar to the one fixed here - https://github.com/ionic-team/ionic-framework/issues/24745.

Expected Behavior

The Modal should show all items in the list and the last item should not be invisible on scroll.

Steps to Reproduce

  1. Goto https://stackblitz.com/edit/4jhdta38?file=src%2Fcomponents%2FExample.vue or https://ionicframework.com/docs/api/select#modal
  2. Add more items in the list so you get a scrollbar on the side.
  3. Scroll down to the end of the list.

Code Reproduction URL

https://stackblitz.com/edit/4jhdta38?file=src%2Fcomponents%2FExample.vue

Ionic Info

"@ionic/vue": "^8.4.1",

Additional Information

No response

mae-financial-com avatar Jan 20 '25 21:01 mae-financial-com

Hi,

Is there any update on this issue? or any fix planned?

mae-financial-com avatar May 06 '25 15:05 mae-financial-com