Ant Design select下拉框在弹窗中被拉长

在使用react+Ant Design的开发中使用select下拉框遇到了以下情况
在弹窗里面，表单内容较多出现了下拉条，然后在点击搜索框输入的时候，下面的待选框会突然拉长，直接拉长到整个弹窗的页底部，导致页面严重变形

直接布满屏幕

解决方法
必须自己配置空状态渲染 Select组件里面添加notFoundContent属性

<SelectshowSearchplaceholder="Select a person"optionFilterProp="children"notFoundContent={<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />}//重点 添加空状态><Option value="jack">Jack</Option><Option value="lucy">Lucy</Option><Option value="tom">Tom</Option></Select>

Ant Design select下拉框突然拉长相关推荐

设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...
隐藏原生select下拉框的向下箭头▼
select {appearance: none;/*隐藏原生select下拉框的向下箭头▼*/ }
CSS-解决苹果点击高亮、安卓select灰色背景（select下拉框在IOS中背景变黑、出现阴影问题）
CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IOS中背景变黑.出现阴影问题) 参考文章: (1)CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IO ...
select下拉框兼容写法
去除select下拉框默认样式 select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的sele ...
layui给select下拉框赋值
layui给select下拉框赋值 //重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.fo ...
iview select选中值取值_完美解决iview 的select下拉框选项错位的问题
在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件.但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位.) ...
html下拉框只读,HTML元素（如select下拉框）设置为只读
其实就是利用了鼠标事件和去焦点功能. 以select下拉框为例: οnmοuseοut="this.releaseCapture();"> value="optio ...
JQ实现三个Select下拉框互斥
2019独角兽企业重金招聘Python工程师标准>>> 目的:三个select下拉框中的内容相同,当其中一个下拉框选中了其中一个值后,隐藏掉另外两个下拉框中相同的值. html: & ...

Ant Design select下拉框突然拉长

Ant Design select下拉框在弹窗中被拉长

Ant Design select下拉框突然拉长相关推荐

最新文章

热门文章