codesandbox-client
codesandbox-client copied to clipboard
Embed sandbox does not hide navigation above 1280px width
Trying to embed a sandbox in a wide iframe lead to show the navigation panel even with hidenavigation: 1 set. This happens when setting the width to a size higher than 1280px.
Example that works as expected:
width:1280px
<iframe src="https://codesandbox.io/embed/new?fontsize=14&hidenavigation=1&hidedevtools=1&view=preview" style="width:1280px;height:1000px;border:0;border-radius:4px;overflow:hidden" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

Example that does not work as expected. The navigation column gets display.
width:1290px
<iframe src="https://codesandbox.io/embed/new?fontsize=14&hidenavigation=1&hidedevtools=1&view=preview" style="width:1290px;height:1000px;border:0;border-radius:4px;overflow:hidden" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

This is not the navigation, it's the split column. The navigation bar is actually hidden in your screenshot.
This is what it looks like when the navigation bar is not hidden