[Docs]: remove autofocus of the last row of editable table example

epam · Nov 7, 2024 · b6ddde2 · b6ddde2
1 parent c95dd95
commit b6ddde2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/app/src/docs/_examples/tables/EditableTable.example.tsx b/app/src/docs/_examples/tables/EditableTable.example.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { DataColumnProps, DataSourceState, DataTableRowProps, IImmutableMap, ItemsMap, Metadata, PatchOrdering, useArrayDataSource } from '@epam/uui-core';
 import { Button, Checkbox, FlexSpacer, DataTable, DataTableCell, DataTableRow, DatePicker, FlexCell, FlexRow, Panel, PickerInput,
     TextArea, TextInput, useForm, IconButton } from '@epam/uui';
@@ -117,10 +117,6 @@ export default function EditableTableExample() {
         });
     }, [setTableState]);
 
-    useEffect(() => {
-        dataTableFocusManager?.focusRow(lastId - 1);
-    }, [dataTableFocusManager]);
-
     // Define DataSource to use in PickerInput in the 'tags' column
     const pickerDataSource = useArrayDataSource({ items: tags }, []);
 

diff --git a/app/src/docs/_examples/tables/TablesExamples.module.scss b/app/src/docs/_examples/tables/TablesExamples.module.scss
@@ -1,7 +1,8 @@
 @import '~@epam/promo/assets/styles/colors';
 
 .container {
-    height: 400px;
+    min-height: 454px;
+    max-height: 620px;
     display: flex;
     flex: 1 1 0;
     flex-direction: column;