codesandboxの埋め込みにて、「Open Sandbox」ボタンをクリックすると、指定したURLに遷移しない
YamabikoLab opened this issue · comments
事象
codesandboxの埋め込みにて、「Open Sandbox」ボタンをクリックすると、指定したURLとは異なるURLへ画面遷移する。
URLには表示したいファイルのURLを指定しました。
わたしが記事に書いたcodesandboxの埋め込み内容
@[codesandbox](https://codesandbox.io/embed/github/YamabikoLab/react-hook-form-sample/tree/develop/?fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.tsx&theme=dark)
「Open Sandbox」クリックしたときの遷移先
https://codesandbox.io/s/github/YamabikoLab/react-hook-form-sample/tree/develop/?from-embed
発生したページのURL
下記のスクラップに問題の現象が発生するサンプルを作成しました。
ご確認お願い致します。
https://zenn.dev/link/comments/e2e621e7751d40
発生した画面のスクリーンショット
下記の画面で「Open Sandbox」ボタンをクリックする
下記の画面に遷移してしまう。
期待する遷移先は下記の画面です。
codesandbox埋め込みに指定したURLを直接実行していただくと、期待する画面が表示されます。
https://codesandbox.io/embed/github/YamabikoLab/react-hook-form-sample/tree/develop/?fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.tsx&theme=dark
再現方法
1.codesandboxの埋め込みURLに表示したいファイル名を指定したURLを指定する。
2.記事にて「Open Sandbox」ボタンをクリックする
3.埋め込みURLで指定したURLに遷移しない。
環境
chromeを使用しています。
@YamabikoLab
わたしも試してみましたが、module はiframe内で開いているファイルを制御するためのオプションで、「Open Sandbox」のボタンのリンク先には影響しないようでした。
参照: https://codesandbox.io/docs/learn/sandboxes/embedding#embed-options
2023-02-22.10.29.43.mov
これは標準的な動きでありZennの問題ではないためクローズします。
またなにか疑問に思うことがありましたらオープンしてください。
これは標準的な動きでありZennの問題ではないためクローズします。
承知しました。
ご確認ありがとうございました！