fix(studio): fix DataGrid not rendering in Firefox by removing h-full

The DataGrid had className="h-full flex-grow" which overrides its default
block-size of 350px. In the AI assistant context, the parent chain has no
concrete height (ReportBlockContainer's h-full resolves to auto). Firefox
strictly resolves height: 100% of auto to 0, causing the grid to collapse.
Removing h-full lets the default 350px act as intrinsic height while
flex-grow still fills available space in contexts with concrete parent
heights (SQL editor).
This commit is contained in:
Ali Waseem committed 2026-04-06 09:07:51 -06:00
1 parent c6cdc85f05
commit 957ddf9690
1 file changed
+1 -1
@@ -147,7 +147,7 @@ const Results = ({ rows }: { rows: readonly any[] }) => {
<DataGrid
columns={columns}
rows={rows}
className="h-full flex-grow border-t-0"
className="flex-grow border-t-0"
rowClass={() => '[&>.rdg-cell]:items-center'}
onSelectedCellChange={setCellPosition}
onCellKeyDown={handleCopyCell}