# Modal appearance error

**URL:** <https://forum.finsweet.com/t/modal-appearance-error/2316>\
**Category:** General\
**Created:** [December 28, 2023, 10:10am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316 "2023-12-28T10:10:04Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [December 28, 2023, 10:10am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/1 "2023-12-28T10:10:04Z")

</div>

Hello, I am using the Finsweet Library + Modals on this site:

> **[Effective SAT Test Prep Services | Applerouth](https://applerouth-site.webflow.io/services/test-prep/sat)**
>
> Prepare confidently for the SAT with Applerouth's test prep services. Expert guidance to excel in your college admissions journey.

Under the heading “Test prep your way.”, the Tutors modal is set to auto scroll. When the modal is opened, it automatically scrolls to the bottom of the content. This doesn’t happen when I test the modal in Webflow.

Previously I changed the modal from JS to IX2 and this resolved the issue, but it seems to be happening again, even with the IX2 version. I can’t figure out why this is happening and would greatly appreciate any insight you might have. Thank you!

---

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [December 29, 2023, 6:00am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/2 "2023-12-29T06:00:08Z")

</div>

Hi @Support-Luis , are you also available to help with this item? Thank you! 🙏

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [January 2, 2024, 11:53am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/3 "2024-01-02T11:53:39Z")

</div>

Hey @ashley! Same issue as the other post the link is not valid could you share it again?

---

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [January 4, 2024, 11:50am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/4 "2024-01-04T11:50:22Z")

</div>

@Support-Luis apologies, we transferred the site to get ready for the launch. Here is the updated link, thank you!

> **[Effective SAT Test Prep Services | Applerouth](https://applerouth.webflow.io/services/test-prep/sat)**
>
> Prepare confidently for the SAT with Applerouth's test prep services. Expert guidance to excel in your college admissions journey.

---

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [January 4, 2024, 11:56am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/5 "2024-01-04T11:56:39Z")

</div>

It’s likely happening due to some height calculation issue in Chrome when we are mixing `overflow:auto` content scroll inside the modal.

The flow of browser rendering currently seems to be:  
1. Modal goes from display none to flex  
2. Browser is loading the content  
3. Then figuring out that the height of the content is greater than what it can accomodate  
4. Adds a scroll and jumps to the end position

We don’t know why it is jumping to the bottom scroll position - we tried different height and scroll context options on different possible elements, but they didn’t work.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [January 4, 2024, 3:42pm UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/6 "2024-01-04T15:42:41Z")

</div>

Hey @ashley! The issue seems to be caused by the link at the bottom, here is a quick [video](https://www.loom.com/share/fa1105e32bc84cedaa87920654fbb534) showing the issue and how it disappears if we remove the link entirely.

We are checking if there is something we can do from our end to prevent the scroll.

---

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [January 5, 2024, 4:25am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/7 "2024-01-05T04:25:56Z")

</div>

@Support-Luis that is so interesting! Thank you for helping us to figure out what’s causing the issue! I look forward to hearing if you have any suggestions to prevent the scroll, and I’ll also try some further troubleshooting on my end. Thanks for your help 🙂

---

<div class="post-metadata">

**Author:** ![ashley](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/ashley/32/3842_2.png) [@ashley](https://forum.finsweet.com/u/ashley)\
**Post date:** [January 31, 2024, 12:07am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/8 "2024-01-31T00:07:42Z")

</div>

Hi @Support-Luis , did you have any updates from your team about preventing this scroll? In the meantime we are moving the links to the top of the modal. Thanks!

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [January 31, 2024, 10:55am UTC](https://forum.finsweet.com/t/modal-appearance-error/2316/9 "2024-01-31T10:55:43Z")

</div>

Hey @ashley! I’m afraid there is no update for you just yet. We are tackling some other issues at the moment. Sorry for the inconvenience 😄
