Skip to content

feat(ui5-form): rework column layout and deprecate standalone form items#13293

Merged
nnaydenow merged 8 commits into
mainfrom
form-columns-rework
May 28, 2026
Merged

feat(ui5-form): rework column layout and deprecate standalone form items#13293
nnaydenow merged 8 commits into
mainfrom
form-columns-rework

Conversation

@nnaydenow
Copy link
Copy Markdown
Contributor

@nnaydenow nnaydenow commented Mar 18, 2026

  • Introduce colSpan property on ui5-form-group to set per-breakpoint column span (e.g. "S1 M2 L3 XL4"). Has lower priority than columnSpan, which remains as a single-value override for all breakpoints.
  • Deprecate columnSpan on ui5-form-item as it enables unsupported layout scenarios; the property is now ignored.
  • Deprecate direct usage of standalone ui5-form-item in ui5-form (i.e. items not wrapped in a ui5-form-group). Use ui5-form-group instead for better accessibility and layout options.
  • Replace dynamically injected adoptedStyleSheets with CSS custom properties (--ui5-form-columns-*, --ui5-form-column-span-*) set inline via the template, removing runtime stylesheet generation.

Related to: #13270

@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

ui5-webcomponents-bot commented Mar 18, 2026

🧹 Preview deployment cleaned up: https://pr-13293--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview March 18, 2026 11:08 Inactive
@github-actions github-actions Bot added the Stale label Apr 2, 2026
@nnaydenow nnaydenow removed the Stale label Apr 2, 2026
@github-actions github-actions Bot added the Stale label Apr 17, 2026
@github-actions github-actions Bot closed this Apr 24, 2026
@nnaydenow nnaydenow reopened this May 14, 2026
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 14, 2026 13:22 Inactive
@nnaydenow nnaydenow removed the Stale label May 14, 2026
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 18, 2026 11:44 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 19, 2026 10:21 Inactive
@nnaydenow nnaydenow changed the title wip: rework form to use columns feat(ui5-form): rework column layout and deprecate standalone form items May 19, 2026
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 19, 2026 11:09 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 19, 2026 11:26 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 19, 2026 14:01 Inactive
@nnaydenow nnaydenow requested a review from ilhan007 May 20, 2026 08:06
@nnaydenow nnaydenow merged commit 05aa9f3 into main May 28, 2026
13 checks passed
@nnaydenow nnaydenow deleted the form-columns-rework branch May 28, 2026 07:45
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 28, 2026 07:45 Inactive
@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version v2.23.0-rc.1 🎉

The release is available on v2.23.0-rc.1

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants