search

alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.58k stars 584 forks source link

[Tab]tab 里的 table filter 可能无法展示完全 #1172

Closed liunian closed 5 years ago

liunian commented 5 years ago

Component

Tab

Reproduction link

http://riddle.alibaba-inc.com/riddles/9e7a28aa

Steps to reproduce

在 Tab 组件里放置 Table，并开启 filter 功能，在 filter 高度超过 tab 内容高度后，会导致 filter 展示不全。原因是 tab 的 content 设置了 overflow:hidden。

理论上可能更多的因为 hidden 而展示不全的情况

异常的情况如下： image

不在 tab 里正常展示的情况： image

image

youluna commented 5 years ago

可以先通过<Table.Column filterProps={{container: () => document.body}}/> 解决遮挡问题

@xuhong 看下这里的overflow: hidden能否去掉

byeval commented 5 years ago

直接去掉可能会有问题，先通过设置 container 的方式来处理，我记录下，看看后面是否还有同样的问题