# Bottom sheet modal with full page expand

**URL:** <https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831>\
**Category:** Ionic Framework\
**Created:** [June 2, 2022, 9:01pm UTC](https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831 "2022-06-02T21:01:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![petrot](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/petrot/32/107628_2.png) [@petrot](https://forum.ionicframework.com/u/petrot)\
**Post date:** [June 2, 2022, 9:01pm UTC](https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831/1 "2022-06-02T21:01:52Z")

</div>

Hi Folks,

Is there any solution for use the bottom-sheet-modal for open a full-page modal? I mean, after using the breakpoints, the 100% height should open the modal on full screen as a “normally opened” modal page.

---

<div class="post-metadata">

**Author:** ![Hills90210](https://avatars.discourse-cdn.com/v4/letter/h/57b2e6/32.png) [@Hills90210](https://forum.ionicframework.com/u/Hills90210)\
**Post date:** [June 3, 2022, 2:16pm UTC](https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831/2 "2022-06-03T14:16:25Z")

</div>

You can do this by setting the last item in breakpoint prop array to 1

```auto
breakpoints: [0.3, 0.5, 1]

```

---

<div class="post-metadata">

**Author:** ![petrot](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/petrot/32/107628_2.png) [@petrot](https://forum.ionicframework.com/u/petrot)\
**Post date:** [June 5, 2022, 8:22am UTC](https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831/3 "2022-06-05T08:22:55Z")

</div>

For me, with the last ‘1’ value the modal not fit the screen, there is a top padding. Without the breakpoints property, it fits the screen on open.

---

<div class="post-metadata">

**Author:** ![Hills90210](https://avatars.discourse-cdn.com/v4/letter/h/57b2e6/32.png) [@Hills90210](https://forum.ionicframework.com/u/Hills90210)\
**Post date:** [June 6, 2022, 1:51pm UTC](https://forum.ionicframework.com/t/bottom-sheet-modal-with-full-page-expand/223831/4 "2022-06-06T13:51:43Z")

</div>

you can add other numbers after the decimal point. Try 1.15 or 1.25. It should work.