[iview Bug #5114]在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题

[iview Bug #5114]在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题_第1张图片
在iview官方存在这这样一个bug
演示地址

iview默认的模式就是所有transfer都会关闭窗口事件,所以date-picker点选后会触发关闭事件,导致popTip一同关闭。

当前最合理的解决办法是:
1.只保留popTip为transfer,将date-picker的transfef设为false

[iview Bug #5114]在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题_第2张图片
2.将date-picker的transfef设为false会出现popTip容器遮挡问题,这是需要设置.ivu-poptip-body-content css为overflow: visible;

2.1.设置Poptip的popper-class,用于避免全局污染默认样式

2.2.编写正确的css样式

[iview Bug #5114]在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题_第3张图片

你可能感兴趣的:([iview Bug #5114]在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题)