ui-kit
ui-kit copied to clipboard
commercetools
Can't make InfoModalPage scrollable? Or use Emotion styled components?
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?
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
@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.
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?
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:
