Skip to content
This repository was archived by the owner on Mar 1, 2024. It is now read-only.

Commit 0beeea9

Browse files
committed
fix(Dropdown): Match tabler behavior and close dropdown when item is clicked.
1 parent 6790380 commit 0beeea9

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

src/components/Dropdown/Dropdown.react.js

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -163,6 +163,16 @@ class Dropdown extends React.Component<Props, State> {
163163
this.setState(s => ({ isOpen: !s.isOpen }));
164164
};
165165

166+
_handleItemClick = (
167+
e: SyntheticMouseEvent<HTMLElement>,
168+
callback?: (SyntheticMouseEvent<*>) => mixed
169+
) => {
170+
this.setState({ isOpen: false });
171+
if (callback) {
172+
callback(e);
173+
}
174+
};
175+
166176
render(): React.Node {
167177
const {
168178
className,
@@ -234,7 +244,7 @@ class Dropdown extends React.Component<Props, State> {
234244
key={i}
235245
to={item.to}
236246
RootComponent={item.RootComponent || itemsRootComponent}
237-
onClick={item.onClick}
247+
onClick={e => this._handleItemClick(e, item.onClick)}
238248
/>
239249
)
240250
);

0 commit comments

Comments
 (0)