ヘッダーにアイコンを設置し、クリックするとFlortingGroupが開くようにしているのですが、ページ上でエレメントの後に行ってしまったり、画面遷移のWorkFlowが機能しなかったりします。
プレビューモードでは何度かちゃんと機能したのですが、動いたり動かなかったりしてしまいます。
何か考えられる原因はあるでしょうか?
【実装】
【表示】
ヘッダーにアイコンを設置し、クリックするとFlortingGroupが開くようにしているのですが、ページ上でエレメントの後に行ってしまったり、画面遷移のWorkFlowが機能しなかったりします。
プレビューモードでは何度かちゃんと機能したのですが、動いたり動かなかったりしてしまいます。
何か考えられる原因はあるでしょうか?
【実装】
【表示】
アイコンをクリックしたときにそのアイコンの近く(例えば下)に表示させる事がしたいと思うので、
その場合に使用するのはFloating GroupよりもGroup Focusがおすすめです。
対象のアイコンのエレメント名をReference elementに指定すれば(デフォルトで)指定したエレメントの下に表示されますよ。
ありがとうございます!
やってみます!!
今、アイコンの左端に揃ってるんですが、右端に揃えるにはどうすれば良いでしょうか・・・。
offset leftの値を
アイコンの幅 - 作成したgroup focusの幅
としてみてください!
例)
アイコンの幅 30px
group focusの幅 70px
→ 30 - 70 = -40px
のイメージです。
わかりました!
ご丁寧にありがとうございます!