Can't make InfoModalPage scrollable? Or use Emotion styled components?

[jtabone16]

I can't figure out how to make InfoModalPage scrollable. I've tried styling InfoModalPage as a styled component with no luck. I also noticed Emotion styled components don't even render in the DOM. How can I make InfoModalPage scrollable when there's vertical overflow?

[emmenko]

Hi 👋,

The modal components already have the content part scrollable. You can check the examples here:

https://docs.commercetools.com/custom-applications/api-reference/commercetools-frontend-application-components#infomodalpage

Can you maybe describe a bit more your use case if you are expecting something else? Thanks

[jtabone16]

@emmenko this global style defined in ApplicationShell was preventing the modal from being fully scrollable. It was scrollable to an extent, but there was some content stuck on the bottom. I ended up adding this ugly bit of code to override it, which works.

[emmenko]

Hmm, I'm still confused as to what the problem is.

Can you provide a screenshot or a gif to show the original problem you had and the expected behavior you are trying to have?

[jtabone16]

Huh weird I'm seeing different behaviors in the local and deployed apps. Locally, I'm seeing the scrolling issue. However, the deployed app is fine. See the gif below: