Ion-scroll truncates content under [innerHTML]


I’m developing an Ionic 3 app where I’m trying to display walking directions received from Google maps service under an ion-scroll directive. As the walking directions are in HTML, I use [innerHTML] directive to supply HTML content to an ion-scroll. I’ve noticed that full step text is NOT displayed under each element of the scroller. If there are (say) 3 lines in each step, more than one line gets truncated at the right end of the screen. I’ve also noticed that if I remove ion-scroll, the text displays fully without truncation.

My question is how to display the HTML text with word-wrapping and without truncation using ion-scroll?