Skip to content

[TASK] Port Configuration Form Fields Not Rendering Correctly in PatternFly Grid Layout #745

@jenny-s51

Description

@jenny-s51

Certification

  • I certify I am an Epic Owner for Kubeflow Notebooks 2.0 and expected to create planning-related issues.

Description

Image

Problem

InWorkspaceKindFormImagePort.tsx the port configuration form fields in the "Add Image" modal are not rendering with proper styling when ThemeAwareFormGroupWrapper components are nested within PatternFly's Grid/GridItem layout components.

Expected Behavior

  • Form fields should render with proper alignment

Possible Solutions

  1. Add custom styling to handle Grid nesting in ThemeAwareFormGroupWrapper
  2. Update mod-arch-shared library with Grid-aware styling
  3. Refactor to use PF FormGroup with role="group" inside Grid
  4. Apply wrapper div with specific class to isolate form group styles

Acceptance Criteria

  • Investigate workaround for PatternFly Grid layout compatibility
  • Consider if mod-arch-shared library styles need updates to support nesting within Grid/GridItem
  • Ensure solution works for both MUI + PF themes
  • Verify fix doesn't break other forms using ThemeAwareFormGroupWrapper

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    Needs Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions