codesandbox-client icon indicating copy to clipboard operation
codesandbox-client copied to clipboard

Embed sandbox does not hide navigation above 1280px width

Open lio-p opened this issue 3 years ago • 1 comments

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&amp;hidenavigation=1&amp;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>

Screen Shot 2023-01-23 at 11 37 01 AM

Example that does not work as expected. The navigation column gets display. width:1290px

<iframe src="https://codesandbox.io/embed/new?fontsize=14&amp;hidenavigation=1&amp;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>

Screen Shot 2023-01-23 at 11 36 44 AM

lio-p avatar Jan 23 '23 11:01 lio-p

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

2025-01-07 17_17_49-Embedding – CodeSandbox – Brave

1kevinson avatar Jan 07 '25 16:01 1kevinson