IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Explore: fix copy/paste on table cells

Browse Source 
When selecting text via mouse, our ReactTable cells' click handler
triggers an event.

- check event target to be the link, only then handle the event
This commit is contained in:
David Kaltschmidt 2018-10-29 16:44:50 +01:00
parent b00e709aee
commit 5a23723f2c
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/features/explore/Table.tsx
View File

@ -21,10 +21,16 @@ function prepareRows(rows, columnNames) {
export default class Table extends PureComponent<TableProps> { export default class Table extends PureComponent<TableProps> {
getCellProps = (state, rowInfo, column) => { getCellProps = (state, rowInfo, column) => {
return { return {
onClick: () => { onClick: (e: React.SyntheticEvent) => {
const columnKey = column.Header; // Only handle click on link, not the cell
const rowValue = rowInfo.row[columnKey]; if (e.target) {
this.props.onClickCell(columnKey, rowValue); const link = e.target as HTMLElement;
if (link.className === 'link') {
const columnKey = column.Header;
const rowValue = rowInfo.row[columnKey];
this.props.onClickCell(columnKey, rowValue);
}
}
}, },
}; };
}; };