Skip to content

RI-7873 Fix identifier field being cut off in create index form #5332

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dantovska merged 7 commits into from
Dec 16, 2025
Merged

RI-7873 Fix identifier field being cut off in create index form #5332

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
4349d18
change the min-height to 100% to make sure all available space is taken
dantovska Dec 15, 2025
31bf47c
change the scroll to thin to match the add key style
dantovska Dec 15, 2025
a823352
surround AddMultipleFields with div, which actually fixes the issue
dantovska Dec 15, 2025
9c723dc
adjust surrounding spaces from spacer and cols to follow existing pat…
dantovska Dec 15, 2025
f3d1c02
fix(ui): prevent identifier field from being cut off in create index …
dantovska Dec 15, 2025
52227a0
leave the linter fix, remove other unneeded changes
dantovska Dec 15, 2025
ab5017b
fix: prevent IdentifierInfo tooltip state loss by using function call…
dantovska Dec 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
surround AddMultipleFields with div, which actually fixes the issue
  • Loading branch information
@dantovska
dantovska committed Dec 15, 2025
commit a823352a2ed89bb932326d370c8725596a68f145
86 changes: 45 additions & 41 deletions ...insight/ui/src/pages/browser/components/create-redisearch-index/CreateRedisearchIndex.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -269,47 +269,51 @@ const CreateRedisearchIndex = ({ onClosePanel, onCreateIndex }: Props) => {
<Text>Identifier</Text>
{IdentifierInfo()}
</Row>
<AddMultipleFields
items={fields}
isClearDisabled={isClearDisabled}
onClickRemove={onClickRemove}
onClickAdd={addField}
>
{(item, index) => (
<Row align="center" gap="m">
<FlexItem grow>
<FormField>
<TextInput
name={`identifier-${item.id}`}
id={`identifier-${item.id}`}
placeholder="Enter Identifier"
value={item.identifier}
onChange={(value) =>
handleFieldChange('identifier', item.id, value)
}
ref={
index === fields.length - 1 ? lastAddedIdentifier : null
}
autoComplete="off"
data-testid={`identifier-${item.id}`}
/>
</FormField>
</FlexItem>
<FlexItem grow>
<FormField>
<RiSelect
options={fieldTypeOptions}
value={item.fieldType}
onChange={(value: string) =>
handleFieldChange('fieldType', item.id, value)
}
data-testid={`field-type-${item.id}`}
/>
</FormField>
</FlexItem>
</Row>
)}
</AddMultipleFields>
<div>
<AddMultipleFields
items={fields}
isClearDisabled={isClearDisabled}
onClickRemove={onClickRemove}
onClickAdd={addField}
>
{(item, index) => (
<Row align="center" gap="m">
<FlexItem grow>
<FormField>
<TextInput
name={`identifier-${item.id}`}
id={`identifier-${item.id}`}
placeholder="Enter Identifier"
value={item.identifier}
onChange={(value) =>
handleFieldChange('identifier', item.id, value)
}
ref={
index === fields.length - 1
? lastAddedIdentifier
: null
}
autoComplete="off"
data-testid={`identifier-${item.id}`}
/>
</FormField>
</FlexItem>
<FlexItem grow>
<FormField>
<RiSelect
options={fieldTypeOptions}
value={item.fieldType}
onChange={(value: string) =>
handleFieldChange('fieldType', item.id, value)
}
data-testid={`field-type-${item.id}`}
/>
</FormField>
</FlexItem>
</Row>
)}
</AddMultipleFields>
</div>
</Col>
</StyledContent>
<HorizontalRule margin="xs" colorVariable="separatorColor" />
Expand Down