Codesandbox-client: Embedded sandbox shows only Preview on the width less than 816px

[NataliaTepluhina]

🐛 bug report

Description of the problem

When trying to add an embedded sandbox into the container with the width less than 816px, it shows the Preview tab only even if 'Editor+Preview' was selected

How has this issue affected you? What are you trying to accomplish?

I am trying to add sandboxed to the documentation based on VuePress and the main container there is 740px width (a good example could be https://router.vuejs.org/). I wonder if it's possible to show both editor+preview tab on this container width

Link to sandbox: link (optional)

Your Environment

| Software | Name/Version |
| ---------------- | ------------ |
| Сodesandbox |
| Browser | Chrome 79.0
| Operating System | MacOS Catalina

[SaraVieira]

👋👋

Gonna ping @DannyRuchtie and @siddharthkp as they worked on the new embeds

[siddharthkp]

👋

Yeah, we try to be smart (sometimes too smart) to use the space as well as we can. Under 800px, we start showing only preview.

You can override that behaviour by passing ?view=split which will then always show both editor and preview. You might want to combine that with &editorsize=60 which sets the starting position of editor to a percentage that you want like 60% instead of 50%

[NataliaTepluhina]

@siddharthkp thank you for the answer, that's exactly what I needed! Closing the issue 👍