website: iPad devices, lost expo simulator in all examples, after change horizontally.

[luism3861]

Description

this issue it's about, for all examples in expo simulator lost after change iPad horizontally test in iPad Air 4 generation i believe for iPad pro it's the same issue

Documentation version

version: 0.64

[Simek]

Hi @luism3861, I'm not sure, but is looks like iPads are categorized/detected by Snack as mobile devices, and on mobile device the preview pane is disabled by default. I don't have an iPad right now, but I will try to use simulator to look at this issue.

Meanwhile you can always launch Snack example in a new window, which will should redirect you to the Snack website, and the preview should be available (can you confirm that the preview pane is visible on https://snack.expo.io/ when visiting from iPad?).

CC: @IjzerenHein

[luism3861]

Hi @luism3861, I'm not sure, but is looks like iPads are categorized/detected by Snack as mobile devices, and on mobile device the preview pane is disabled by default. I don't have an iPad right now, but I will try to use simulator to look at this issue.

Meanwhile you can always launch Snack example in a new window, which will should redirect you to the Snack website, and the preview should be available (can you confirm that the preview pane is visible on https://snack.expo.io/ when visiting from iPad?).

CC: @IjzerenHein

Hi @Simek i can confirmed example link works in iPad horizontally.

[IjzerenHein]

This happens when the width of the Snack window/iframe is less than 700px. In that case we consider there to be too little room to display the preview pane. The following media-query is responsible for it:
https://github.com/expo/snack/blob/main/website/src/client/components/DevicePreview/DevicePreview.tsx#L47

If you think this behavior is wrong, please create an issue/PR in https://github.com/expo/snack with a suggested change.