Bug: [Firefox] breakpoints not being respected

[dantecarlo]

when printing in firefox it reduces the size of the iframe, in the case of the 1024 brakepoint, it prints as if it were mobile.
Example code:
https://codesandbox.io/s/lucid-grass-px87eq?file=/src/App.js

[dantecarlo]

@MatthewHerbst if you could add an optional prop to give a fixed size to the iframe it would be excellent and would help a lot.

[MatthewHerbst]

This almost feels like a different issue, since we know from the previous bug fix that the window should be larger now, which means even if I added a prop to set the size manually, I think Firefox would still print mobile. Maybe we have to set a different property of the iframe for Firefox to print the correct size. I will test around with this tonight (and I will add the props)

[MatthewHerbst]

So, while I can replicate the issue on FIrefox when using Codesandbox, I can't replicate the issue locally on Firefox. This makes me think the issue is specific to Codesandbox/code running within an iframe. Still not sure why it works fine in Chrome but not Firefox though, they clearly have different rules for some things

[dantecarlo]

I get this bug running firefox locally in my project and I try to replicate it on firefox on codesandbox.
Steps to follow.
Place a brakepoint in, e.g. 1024px
Place your screen in 1024px exactly
try to print

[MatthewHerbst]

Hmm. I can see a breakpoint issue with FF, though not sure how to fix, there aren't other properties besides width/height that I know about for iframes. Will continue to investigate

[yadavivek3]

Hi @MatthewHerbst

I also encountered the same issue in firefox and safari. In Chrome it works fine. Any update on this issue ??