render() {
const { children, value, classes } = this.props;
return (
- <Tooltip title='Copy to clipboard'>
+ <Tooltip title='Copy to clipboard' onClick={(ev) => ev.stopPropagation()}>
<span className={classes.copyIcon}>
<CopyToClipboard text={value} onCopy={this.onCopy}>
{children || <CopyIcon />}
>
<IconButton
className={this.props.classes.moreOptionsButton}
- onClick={event => this.props.onContextMenu(event, item)}
+ onClick={event => {
+ event.stopPropagation()
+ this.props.onContextMenu(event, item)
+ }}
>
<MoreVerticalIcon />
</IconButton>
<Typography
color="primary"
style={{ width: "auto", cursor: "pointer" }}
- onClick={() => dispatch<any>(navFunc(item.uuid))}
+ onClick={(ev) => {
+ ev.stopPropagation()
+ dispatch<any>(navFunc(item.uuid))
+ }}
>
{item.kind === ResourceKind.PROJECT || item.kind === ResourceKind.COLLECTION ? <IllegalNamingWarning name={item.name} /> : null}
{item.name}