mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

Fix transfer search bug, close #5631

Browse Source
This commit is contained in:
afc163 2017-05-02 15:47:51 +08:00
parent f70dd7e20f
commit ac660d9f3c
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/_util/triggerEvent.tsx Normal file
View File

@ -0,0 +1,8 @@
export default function triggerEvent(el, type) {
if ('createEvent' in document) {
// modern browsers, IE9+
const e = document.createEvent('HTMLEvents');
e.initEvent(type, false, true);
el.dispatchEvent(e);
}
}

15
components/transfer/list.tsx
View File

@ -1,4 +1,5 @@
import React from 'react';
import { findDOMNode } from 'react-dom';
import classNames from 'classnames';
import Animate from 'rc-animate';
import PureRenderMixin from 'rc-util/lib/PureRenderMixin';
@ -7,6 +8,7 @@ import Checkbox from '../checkbox';
import { TransferItem } from './index';
import Search from './search';
import Item from './item';
import triggerEvent from '../_util/triggerEvent';
function noop() {
}
@ -50,6 +52,7 @@ export default class TransferList extends React.Component<TransferListProps, any
};
timer: number;
triggerScrollTimer: number;
constructor(props) {
super(props);
@ -68,6 +71,7 @@ export default class TransferList extends React.Component<TransferListProps, any
componentWillUnmount() {
clearTimeout(this.timer);
clearTimeout(this.triggerScrollTimer);
}
shouldComponentUpdate(...args) {
@ -92,6 +96,17 @@ export default class TransferList extends React.Component<TransferListProps, any
handleFilter = (e) => {
this.props.handleFilter(e);
if (!e.target.value) {
return;
}
// Manually trigger scroll event for lazy search bug
// https://github.com/ant-design/ant-design/issues/5631
this.triggerScrollTimer = setTimeout(() => {
const listNode = findDOMNode(this).querySelectorAll('.ant-transfer-list-content')[0];
if (listNode) {
triggerEvent(listNode, 'scroll');
}
}, 0);
}
handleClear = () => {