禁止/防止用户拖动Textarea导致页面布局发生变化

小程序怎么把页面整体往上移动

<el-form :rules="formRules" :model="pageModel.form" label-width="120px" size="small"> <el-row :gutter="24"> <el-col :span="11"> <el-form-item label="姓名" prop="policeName" class="content"> <el-input v-model.trim="pageModel.form.policeName" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; "@compositionstart="isComposing = true" @compositionend="handleCompositionEnd" /> </el-form-item> </el-col> <el-col :span="11" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="性别" prop="sex" class="content"> <el-select v-model="pageModel.form.sex" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; "> <el-option v-for="(item, index) in pageModel.pageInfo .sexType" :key="index" :label="item.dictLabel" :value="item.dictValue"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="11" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="身份证号" prop="idCard" class="content"> <el-input v-model="pageModel.form.idCard" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="11"> <el-form-item label="所属单位" prop="deptId" class="content"> <el-cascader :options="pageModel.listDept" v-model="pageModel.form.deptId" :props="{ children: &#39;children&#39;, label: &#39;deptName&#39;, value: &#39;deptId&#39;, checkStrictly: true, }" style="width: 100%" @change="changeHandel" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " clearable /> </el-form-item> </el-col> <el-col :span="11"> <el-form-item label="警号" prop="policeCode" class="content"> <el-input v-model="pageModel.form.policeCode" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " onkeyup="this.value=this.value.replace(/[^\w_]/g,&#39;&#39;)" /> </el-form-item> </el-col> <el-col :span="11"> <el-form-item label="警种" prop="policeType" class="content"> <el-input v-model="pageModel.form.policeType" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="11"> <el-form-item label="接入方式" prop="pattern" class="content"> <el-select v-model="pageModel.form.pattern" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; "> <el-option v-for="(item, index) in pageModel.pageInfo .type" :key="index" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="11"> <el-form-item label="单位信息" prop="shortName" class="content"> <el-input v-model="pageModel.form.shortName" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="11" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="职务" prop="post" class="content"> <el-input v-model="pageModel.form.post" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="11" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="手机号" prop="phone" class="content"> <el-input v-model="pageModel.form.phone" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="11" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="邮箱" prop="email" class="content"> <el-input v-model="pageModel.form.email" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " /> </el-form-item> </el-col> <el-col :span="24" v-if="pageModel.pageInfo.environmentShow === true"> <!-- :disabled="" --> <el-form-item label="头像" prop="userPic" class="content"> <img class="tx" v-if="pageModel.pageInfo.formConfig.type == &#39;2&#39;" :src="pageModel.form.userPic" alt="" /> <el-upload class="upload-demo" action="" v-else v-model="pageModel.form.userPic" :http-request="uploadActionHandle" :before-upload="beforeAvatarUpload" :before-remove="beforeDeleteImage" :on-remove="deleteImageHandel" :file-list="pageModel.pageInfo.imageList" list-type="picture"> <el-button size="small" type="primary">点击上传 </el-button> </el-upload> </el-form-item> </el-col> <el-col :span="24" v-if="pageModel.pageInfo.environmentShow === true"> <el-form-item label="备注" prop="remark" class="content"> <el-input v-model="pageModel.form.remark" :disabled="pageModel.pageInfo.formConfig.type == &#39;2&#39; " type="textarea" :rows="3" /> </el-form-item> </el-col> </el-row> </el-form>/*------------该页面独有的样式文件------------*/ @import "../../../assets/systemColor"; .tx { width: 60px; height: 60px; } .el-tree { overflow: auto !important; height: calc(100% - 30px); } .pageWrap { display: flex; flex-direction: column; width: 100%; min-height: calc(100vh - 80px); padding: var(--global-item-distance); overflow: hidden; background: var(--page-wrap-background); } /*查询模块*/ .searchBox { padding: 20px 15px 0 15px; border-radius: 5px; background: #ffffff; } .listBox { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 15px; margin-top: var(--global-item-distance); border-radius: 5px; overflow: scroll; background: #ffffff; } .leftBox { width: 212px; height: 97%; border: 1px solid #dddddd; border-radius: 5px; padding: 10px; } .rightBox { //width: 1380px; width: 90%; height: 97%; margin-left: 20px; border: 1px solid #dddddd; border-radius: 5px; padding: 10px; } ::v-deep .el-dialog__header { padding: 20px 20px 10px; background-image: linear-gradient(#9cc9f6, #ffffff); } .dialog-header { padding-left: 10px; border-left: 3px solid #005aff; .el-form { width: 100%; display: flex; flex-wrap: wrap; .el-form-item { width: 50%; } } } 为什么输入框输入内容之后高度会变化，产生下面内容移动，有空白，怎么解决这个高度问题

javafx textArea禁止用户写入