はじめに
stackblitzで、Open Preview in New Tabを開いて、プレビューを別画面に表示できない
問題
stackblitzで開発
右のプレビューでは狭いので、Open Preview in New Tabを開いて、プレビューを別画面に表示したい
開くと何も表示されない
デブツールを見ても要素が明らかに異なる
解決方法
chromeがポップアップをブロックしていたのが原因だった様子
URLの「ポップアップがブロックされました」の箇所をクリックし、ポップアップとリダイレクトを常に許可するにチェックを押下する
※自分の画面では、「ポップアップがブロックされました」がなかったように思われるが、もし同じ事象に遭遇したら、chromeの機能によるブロックの可能性があるのでチェックしてみてください
順番は前後するが、「Connect to Project」を押したのも、事象解決につながったかもしれない
おわりに
単純なことだが、なぜ別画面で開けないかわからないまま、
右側のプレビュー画面でがんばって開発を続けてしまった。
chrome側が悪さしていることも考慮するようにする。
参考
stackblitzのドキュメントもあった
https://developer.stackblitz.com/platform/webcontainers/browser-config