メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
Toggle ボックスで作成したドロップダウンメニューを開くと、メニューが上下に開いて動いてしまいます
Toggle ボックスで作成したドロップダウンメニューを開くと、メニューが上下に開いて動いてしまいます

Studioの Toggle ボックスを使って作成したドロップダウンメニューが展開時に動いてしまう場合の対処方法をご紹介します。

Saika avatar
対応者:Saika
1か月以上前に更新

Toggle ボックスで作成したドロップダウンメニューが展開時に動く際の対処法

Toggle ボックスで作成したドロップダウンメニューが展開時に上下に動いてしまう場合、以下の手順で問題を解決できます。

1. 親ボックスの配置を上寄せに変更する

Toggle ボックスの親となるボックスの 配置 を上寄せに変更します。

Toggle ボックスが開閉する方向は親ボックスの 配置 を基準としています。この為、親ボックスの配置が中央寄せの場合は上下方向に開閉し、上寄せの場合は下方向に開閉します。

Toggle の開閉方向の変化を説明した図

2. 全体の配置を調整

親ボックスの配置を上寄せに変更した後は、必要に応じてパディングなどで全体の配置を調整して整えましょう。これにより、メニューが見栄え良く展開されます。

この記事で解決しない疑問やがある場合は、エディタ右下の「?」からチャットサポートへお問い合わせください。

こちらの回答で解決しましたか?