Moving to Triaged since it's minor but feel free to recategorize.

The designs were made for a screen with 640px height. iPhone 6s/SE and similar have a height of 667px but iOS Safari URL top bar and actions bottom bar take some extra space so we end up with less than 600px vertical viewport. This is quite common problem with short height devices that might affect other screens in our UI.

For this case I think we can easily add some responsiveness to the top image and fonts so all the content fits on the screen. However long texts in other languages might still produce vertical scroll. In my opinion the main UX problem is with the vertical scroll happening the user can loose the context of the step they are (2 of 4).

Some alternatives:

• Make content responsive (image + text) to fit in most scenarios. The bottom bar gutter can also be adjusted to gain some pixels.
• Limit tip text length
• Use some ellipsis/collapse mechanism + "read more" cta for the user to know there's more text below

I finally we keep vertical scroll I would also use position fixed for the step pagination component so it remains in the same position when scroll happens.

How should we tackle this @RHo?

In T298662#7616272, @Sgs wrote:

The designs were made for a screen with 640px height. iPhone 6s/SE and similar have a height of 667px but iOS Safari URL top bar and actions bottom bar take some extra space so we end up with less than 600px vertical viewport. This is quite common problem with short height devices that might affect other screens in our UI.

For this case I think we can easily add some responsiveness to the top image and fonts so all the content fits on the screen. However long texts in other languages might still produce vertical scroll. In my opinion the main UX problem is with the vertical scroll happening the user can loose the context of the step they are (2 of 4).

Some alternatives:

• Make content responsive (image + text) to fit in most scenarios. The bottom bar gutter can also be adjusted to gain some pixels.
• Limit tip text length
• Use some ellipsis/collapse mechanism + "read more" cta for the user to know there's more text below

I finally we keep vertical scroll I would also use position fixed for the step pagination component so it remains in the same position when scroll happens.

How should we tackle this @RHo?

Hi @Sgs and @Etonkovidova - unless I am not understanding the issue this looks like it is working as intended, in that on mobile the the dialog header and footer are sticky, and the onboarding content will vertically scroll if the text content exceeds the height of the device.

IOW, unless something else is happening, I think we can close this task.