# inputがfocusされた時にGroup Focusを表示したい。 **URL:** \ **Category:** bubble\ **Tags:** フロントエンド\ **Created:** [2021 年 6 月 24 日午後 5:40 UTC](https://www.nocode-faq.com/t/topic/1797 "2021-06-24T17:40:59Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 24 日午後 5:40 UTC](https://www.nocode-faq.com/t/topic/1797/1 "2021-06-24T17:40:59Z")
テキストのinputにfocusされた時点でGroup Focus（Group Focus内にRepeating Groupを配置）を表示したいと考えています。 Group FocusのConditionalの条件に「input is focused」や「input is not focused」は存在しますが、その条件のアクションの選択肢に「The element is visible」が存在しないので、表示、非表示を切り替えられません。 workflowでもやろうとしたのですが、今度は逆にアクションの選択肢に「The element is visible」は存在していても、条件に「input is focused」や「input is not focused」を指定できません。 では、Group Focusを諦めて、ただのGroupを使うと、条件に「input is focused」や「input is not focused」を、アクションには「The element is visible」を指定できますが、Groupなので、Group Focusのように当初想定していた高さほどにRepeating Groupのセルが存在しない場合に、Repeating Groupの高さにあわせて、Groupの高さを調整してくれません。 条件に「input is focused」や「input is not focused」を、アクションには「The element is visible」を指定し、かつ、内部のRepeating Groupのセルが想定していた高さほどに存在しない場合に、Repeating Groupの高さにあわせて高さを調整できるような事はできないのでしょうか？ ちなみに、Repeating Groupを”何か”に入れるのではなく、Repeating Groupをそのまま表示することも試して見ましたが、Groupで囲んだときと全く同じように、Repeating Group内の表示セル数とは無関係に一定の高さを確保します。 一応、CSSを書けば、これは回避できるのですが、そのようにやるしかないですよね？ ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2021 年 6 月 26 日午前 9:36 UTC](https://www.nocode-faq.com/t/topic/1797/2 "2021-06-26T09:36:22Z")
Inputにfocusされた時点でGroupfocus、はこのようにすれば表示はできました。 Groupを1枚上にかましてトリガー、ですね。 > **[Bubble - Visual Programming](https://campquestionanswer.bubbleapps.io/version-test/a51)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. エディタ > **[Bubble Editor - Campquestionanswer](https://bubble.io/page?type=page&name=aaaa&id=campquestionanswer&tab=tabs-1)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. が、Repeating Groupの高さに合わせて～だと、％の話になるかと思うので現時点では難しそうです。。 ---
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 30 日午後 3:52 UTC](https://www.nocode-faq.com/t/topic/1797/3 "2021-06-30T15:52:16Z")
はい、ありがとうございます！ご回答ありがとうございました。