diff --git a/package.json b/package.json index ae0195f5..0467994e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@netdata/netdata-ui", - "version": "4.8.11", + "version": "4.8.12", "description": "netdata UI kit", "main": "dist/index.js", "module": "dist/es6/index.js", diff --git a/src/components/table/body/row.js b/src/components/table/body/row.js index f2772ec7..a2091419 100644 --- a/src/components/table/body/row.js +++ b/src/components/table/body/row.js @@ -96,7 +96,7 @@ export default memo( } else if (isClickable) { onClickRow({ data: row.original, table: table, fullRow: row }, e) } - setTimeout(() => e.target.scrollIntoView({ behavior: "auto", block: "nearest" })) + setTimeout(() => e?.target?.scrollIntoView?.({ behavior: "auto", block: "nearest" })) }, [isClickable, row, onClickRow] )} diff --git a/src/components/table/useColumns/useRowSelection.js b/src/components/table/useColumns/useRowSelection.js index f7a12152..118f247e 100644 --- a/src/components/table/useColumns/useRowSelection.js +++ b/src/components/table/useColumns/useRowSelection.js @@ -30,7 +30,8 @@ export default (enabled, { testPrefix, tableMeta }) => data-testid={`netdata-table-cell-checkbox${testPrefix}`} checked={!row.original?.disabled && row.getIsSelected()} indeterminate={row.getIsSomeSelected()} - onChange={checked => { + onChange={(checked, e) => { + e?.stopPropagation?.() row.getToggleSelectedHandler()({ target: { checked } }) }} disabled={row.original?.disabled || false} diff --git a/src/components/tabs/__snapshots__/tabs.test.js.snap b/src/components/tabs/__snapshots__/tabs.test.js.snap index 7284f47e..0a23edbc 100644 --- a/src/components/tabs/__snapshots__/tabs.test.js.snap +++ b/src/components/tabs/__snapshots__/tabs.test.js.snap @@ -34,9 +34,9 @@ exports[`Tabs states * should render uncontrolled 1`] = ` -ms-flex-align: center; align-items: center; -webkit-box-pack: start; - -webkit-justify-content: flex-start; + -webkit-justify-content: start; -ms-flex-pack: start; - justify-content: flex-start; + justify-content: start; padding: 0 2px; color: #526161; }