Html 屏幕外的纸张对话框

我有一个类似表单的纸质对话框，用户将填写4个字段，其中一个是纸质文本区域，另外三个是纸质输入。纸张文本区域是表单上的最后一项，其字符数为400个字符。当我输入完整的400个字符时，它会从站点中流出，并且不可滚动。我将在下面有这张照片。有没有办法让它不会从屏幕上消失，或者如果它变大了，我可以向上或向下滚动对话框

以下是对话框代码：

<paper-dialog id="applynow" entry-animation="scale-up-animation" exit-animation="fade-out-animation">
      <paper-dialog-scrollable>
        <img src="/images/logo.png" width="80%" height="auto" style="margin: 0 auto;"/>
        <paper-input id="name" label="Full Name"></paper-input>
        <paper-input id="phone" label="Phone Number"></paper-input>
        <paper-input id="email" label="Email"></paper-input> 
        <paper-textarea id="desc" label="Why Pick You?" char-counter maxlength="400"></paper-textarea>
        <paper-button on-click="submitForm">Submit</paper-button>
      </paper-dialog-scrollable>
      </paper-dialog>

以下是我所说的图片：

---

如图所示，一旦我在此对话框中键入我能输入的全部金额，提交按钮将不在视图中。是否有任何方法可以调整或使纸张文本区域只能达到如此高的高度，或设置一定数量的行数？提前感谢，我们非常感谢您的帮助。

当

纸张对话框的高度超过其容器时，它通常是可滚动的，但是如果出于某种原因，您不需要这样做，您可以使用CSS（
max height
和
overfow:scrollable
）使其可滚动。您可能还希望对话框的宽度是固定的，因此可以设置
max width
。这将防止在输入很长一行文本时，对话框脱离屏幕

paper-dialog {
  width: 375px;
  max-width: 375px;
  max-height: 50%;
  overflow: scroll;
}



纸张对话框{
盒影：02px2px0RGBA（0,0,0,0.14），01px5px0RGBA（0,0,0,0.12），03px1px-2pxRGBA（0,0,0,0.2）；
宽度：375px；
最大宽度：375px；
最大高度：50%；
溢出：滚动；
}
提交
谢谢，溢出：滚动；泰格似乎成功了。我还认为默认情况下它应该是可滚动的。
paper-dialog {
  width: 375px;
  max-width: 375px;
  max-height: 50%;
  overflow: scroll;
}