Android Chrome formatting cuts off deploy step

[akesling]

Describe the bug CSS on https://cloud.fermyon.com/onboarding cuts off deploy step on Pixel 6 Android Chrome 106.0.5249.126.

Frequency of the bug Please check one:

• [x] Consistent repro
• [ ] Intermittent repro
• [ ] No repro

Set-up information Have a Pixel 6, load Android emulator for appropriate screen size, or use Chrome dev tools with appropriate screen size restriction (on any desktop platform).

To Reproduce Steps to reproduce the behavior:

1. Go to https://cloud.fermyon.com/onboarding without any apps
2. Scroll to bottom of page

Expected behavior Full page is visible.

Screenshots Note the lack of ../spin deploy instruction at the bottom.

Should look as it does on desktop site

Note that this is even worse when using tab groups

Additional context N/A

[macolso]

Thanks for bringing this to our attention! We'll take a review.

[bacongobbler]

Hey @akesling! I just tested this recently using chrome's responsive mode in "Pixel 5" mode. Apologies, I don't have a Pixel 6 to test with.

This is what I see on Chrome with responsive mode enabled:

Can you confirm whether this has been fixed for you?

Thank you for the feedback!

[akesling]

Thank you for following up!

This is what I see currently:

So, it's slightly better, but still less than usable :/.

[bacongobbler]

Thank you for reproducing. I can also reproduce this issue on Safari via iPhone 11. There were a number of bugfixes that were applied to the UI recently, hence the follow-up.

[bacongobbler]

[tpmccallum]

Hi @mikkelhegn

If I add the width and height for the viewport and a pixel ratio (412, 892, 3.5), it works as an emulated device in Chrome.

I am not able to physically access an actual Pixel 6 device. I think this can be closed based on the emulator's result.

[tpmccallum]

Just FYI, I got the viewport settings from https://blisk.io/ if you are interested in testing other devices also.

[akesling]

Looks like the cookie policy still covers up the button when scrolled all the way down

@tpmccallum be sure to have this element displaying when testing. Your settings may be a reasonable proxy in that case, but this is missing in your screenshot above.

[mikkelhegn]

Wrong transfer here, I mistook this for being related to our docs, hence in this repo. Moving back to feedback to track as an issue in the Cloud UI.

[bacongobbler]

This appears to have been fixed for me on Safari via iPhone 11. The cookie policy tab no longer cuts off the deploy step.

[akesling]

Huzzah! It even looks to work with tab groups.

[bacongobbler]

Wonderful! Thank you for sticking it out. Closing this as resolved.