added visual test and color

Author: Jialecl

packages/lib/src/data-grid/DataGrid.stories.tsx

@@ -1145,4 +1145,9 @@ export const DataGridSortedExpanded: Story = {
 
 export const UnknownUniqueId: Story = {
   render: DataGridUnknownUniqueRowId,
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const editorCell = canvas.getAllByText("Task 1")[0];
+    editorCell && (await userEvent.dblClick(editorCell));
+  },
 };

packages/lib/src/data-grid/DataGrid.tsx

@@ -100,6 +100,7 @@ const DataGridContainer = styled.div<{
     .rdg-text-editor:focus {
       border-color: transparent;
       background-color: transparent;
+      color: ${(props) => props.theme.dataFontColor};
     }
   }
   .rdg-header-row {