projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
15768: cleanup Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>
[arvados-workbench2.git]
/
src
/
components
/
autocomplete
/
autocomplete.tsx
diff --git
a/src/components/autocomplete/autocomplete.tsx
b/src/components/autocomplete/autocomplete.tsx
index b2a10ec7b48996488a1ff1f8da6b28a4fb8fbc36..17d85e856c3cb53901f468b31ccd5bf4e93c6d40 100644
(file)
--- a/
src/components/autocomplete/autocomplete.tsx
+++ b/
src/components/autocomplete/autocomplete.tsx
@@
-174,18
+174,18
@@
export class Autocomplete<Value, Suggestion> extends React.Component<Autocomplet
return items.map(
(item, index) => {
const tooltip = this.props.renderChipTooltip ? this.props.renderChipTooltip(item) : '';
return items.map(
(item, index) => {
const tooltip = this.props.renderChipTooltip ? this.props.renderChipTooltip(item) : '';
- if (tooltip.length) {
- return <Tooltip title={tooltip}>
+ if (tooltip && tooltip.length) {
+ return <span key={index}>
+ <Tooltip title={tooltip}>
<Chip
label={this.renderChipValue(item)}
key={index}
onDelete={onDelete && !this.props.disabled ? (() => onDelete(item, index)) : undefined} />
<Chip
label={this.renderChipValue(item)}
key={index}
onDelete={onDelete && !this.props.disabled ? (() => onDelete(item, index)) : undefined} />
- </Tooltip>
+ </Tooltip>
</span>
} else {
} else {
- return <Chip
+ return <
span key={index}><
Chip
label={this.renderChipValue(item)}
label={this.renderChipValue(item)}
- key={index}
- onDelete={onDelete && !this.props.disabled ? (() => onDelete(item, index)) : undefined} />
+ onDelete={onDelete && !this.props.disabled ? (() => onDelete(item, index)) : undefined} /></span>
}
}
);
}
}
);