Skip to content
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.

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

fix: Added CustomLongTextField and using it for 'Expression', 'Sasl Jaas Config' fields #1050

Merged
merged 1 commit into from
May 6, 2024

Conversation

shivamG640
Copy link
Contributor

Fixes #1043
However there are some issues with this new CustomLongTextField listed Following:

The new field is interacting with the CSS of CustomNestField's ExpandableSection. Hence it doesn't load correctly for Kafka's Sasl Jaas Config:
image
Note that once the field is click and you start adding some text, the field automatically corrects. Also the field loads correctly if we load the ExpandableSection as Expanded by adding the isExpanded attribute always.

@shivamG640 shivamG640 force-pushed the Fix-1043 branch 5 times, most recently from a184f0d to 009a7df Compare May 6, 2024 09:43
@shivamG640 shivamG640 marked this pull request as ready for review May 6, 2024 15:23
@shivamG640 shivamG640 requested a review from lordrip May 6, 2024 15:23

export const CustomLongTextField: FunctionComponent<LongTextFieldProps> = (props) => {
return (
<LongTextField className="custom-long-test-field" {...props} inputRef={props.ref} rows={1} autoResize={true} />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the future, we could reduce the boilerplate a bit. Nothing to action at the moment, we can leave it for the next PR

Suggested change
<LongTextField className="custom-long-test-field" {...props} inputRef={props.ref} rows={1} autoResize={true} />
<LongTextField className="custom-long-test-field" {...props} inputRef={props.ref} rows={1} autoResize />

Copy link
Member

@lordrip lordrip left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job 💪

@lordrip lordrip merged commit e3c17dd into KaotoIO:main May 6, 2024
9 checks passed
@shivamG640 shivamG640 deleted the Fix-1043 branch May 6, 2024 20:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Expression field should use the resizable text field component
2 participants