Skip to content

fix(ui-form-field): disable child inputs when FormFieldGroup is disabled#2542

Open
ToMESSKa wants to merge 1 commit intomasterfrom
INSTUI-4841-form-field-group-disabled-prop-renders-disabled-styles-but-does-not-disable-child-inputs
Open

fix(ui-form-field): disable child inputs when FormFieldGroup is disabled#2542
ToMESSKa wants to merge 1 commit intomasterfrom
INSTUI-4841-form-field-group-disabled-prop-renders-disabled-styles-but-does-not-disable-child-inputs

Conversation

@ToMESSKa
Copy link
Copy Markdown
Contributor

@ToMESSKa ToMESSKa commented May 6, 2026

INSTUI-4841

ISSUE:

  • FormFieldGroup's disabled prop renders disabled styles on the group container but doesn't actually disable the child inputs — they remain interactive

TEST PLAN:

  • test the examples on the FormFieldGroup page by adding them them disabled prop
  • every child should be visually and functionally disabled (no focus or interaction is avaliable)

@ToMESSKa ToMESSKa self-assigned this May 6, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 6, 2026

PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://instructure.design/pr-preview/pr-2542/

Built to branch gh-pages at 2026-05-06 11:50 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

}

renderColumns() {
const { disabled } = this.props
Copy link
Copy Markdown
Contributor Author

@ToMESSKa ToMESSKa May 6, 2026

Choose a reason for hiding this comment

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

Currently this fix:

  • if a child has an explicit disabled={false} prop, it always gets overridden and the group always wins
  • it is applied to every first-level child and not just InstUI components, so a <div>some helper text</div> becomes <div disabled>some helper text</div> too
  • also I did not marked this as breaking change because looks more like a bug fix

If one of this is not supposed to be like that, let me know

@ToMESSKa ToMESSKa requested review from HerrTopi and matyasf May 7, 2026 08:07
Copy link
Copy Markdown
Collaborator

@matyasf matyasf left a comment

Choose a reason for hiding this comment

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

looks good!

Copy link
Copy Markdown
Contributor

@HerrTopi HerrTopi left a comment

Choose a reason for hiding this comment

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

The description isn't disabled. Please check with design if it should be or not. If not, consider it approved if yes, please re-ask for my review

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.

3 participants