# Multiline Inputの幅をスクロールして広げる方法

**URL:** <https://www.nocode-faq.com/t/topic/2485>\
**Category:** bubble\
**Created:** [2021 年 12 月 28 日午前 9:03 UTC](https://www.nocode-faq.com/t/topic/2485 "2021-12-28T09:03:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rintaro.ishii0719](https://avatars.discourse-cdn.com/v4/letter/r/e99b99/32.png) [@rintaro.ishii0719](https://www.nocode-faq.com/u/rintaro.ishii0719)\
**Post date:** [2021 年 12 月 28 日午前 9:03 UTC](https://www.nocode-faq.com/t/topic/2485/1 "2021-12-28T09:03:15Z")

</div>

Multiline Inputについて、ドラッグをすると領域を広げる方法はあったりするものでしょうか？

具体的には、下記ページの「textarea」のようなイメージをしております。

> **[スタイルシート［CSS］/フォーム/フォーム部品の大きさ指定する - TAG index](https://www.tagindex.com/stylesheet/form/width_height.html)**

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2021 年 12 月 28 日午前 11:22 UTC](https://www.nocode-faq.com/t/topic/2485/2 "2021-12-28T11:22:50Z")

</div>

こんにちは、恐らくMultiline Inputの大きさを可変にすることはできないと思います。

rintaroさんは、コーディングの経験はおありですか？

もし少しコードを書くことができれば、HTMLエレメントの中にtextareaを置いてみてください。

デフォルトでは可変にすることができないので、これのCSSに「resize: auto;」を追記します。

 ![2021-12-28_20h48_10](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/08e830fe3e01fb6b8267a372b193e76df684fdae.png)  
（左がエディタ、右がプレビュー）

あとはここに入力された値をJavaScriptで受け取り、「JavaScript to Bubble」でbubble側に返せばOKです。

JavaScriptは、Toolboxというプラグインを入れることで使えるようになります。

---

<div class="post-metadata">

**Author:** ![rintaro.ishii0719](https://avatars.discourse-cdn.com/v4/letter/r/e99b99/32.png) [@rintaro.ishii0719](https://www.nocode-faq.com/u/rintaro.ishii0719)\
**Post date:** [2022 年 1 月 3 日午後 11:54 UTC](https://www.nocode-faq.com/t/topic/2485/3 "2022-01-03T23:54:32Z")

</div>

@Aki_Sydney  
ご返信が遅くなってしまい、申し訳ありません。

Bubbleの標準機能＋プラグインでは実現できず、HTML/CSS/JavaScriptで実現するしかないのですね。  
ありがとうございます！  
参考になりました！