Hi! I'm still learning Angular and i faced i problem while coding my app. PROBLEM I have a parent component, containing list of items, which im calling from backend. I managed to create event that gets the data of each item on click to send this data to child component. There I display it in form of card: (simplified code here - https://stackblitz.com/edit/card-scroll-wkck6p?embed=1 ) Problem I'm facing relates to mobile views, since these screens are smaller and they can't contain all the info in one view, but I'm unable to scroll the card. Scrolling moves parent only - just like in linked expamle. TODO The goal is to disallow parent scrolling, and make a child scrollable if it's height > screen height. How can I make my parent component 'overflow: hidden' or something like that while child component is present? Continue reading...
