From dfa789fdee2ba284c109b048a24173c0e70a04e7 Mon Sep 17 00:00:00 2001 From: Risto Virtaharju Date: Tue, 18 Aug 2026 08:28:18 +0000 Subject: [PATCH] fix: wrap long question labels in the registration form antd clips horizontal-layout form labels to a single fixed-height line (white-space: nowrap + overflow: hidden), so long registration questions rendered partially hidden on every screen size. Enable antd's labelWrap on the registration form and let wrapped labels grow past the fixed control height, which labelWrap alone does not reset. Co-Authored-By: Claude Fable 5 --- @app/client/src/styles/global.css | 7 +++++++ @app/components/src/EventRegistrationForm.tsx | 1 + 2 files changed, 8 insertions(+) diff --git a/@app/client/src/styles/global.css b/@app/client/src/styles/global.css index c303b282..41a8ec01 100644 --- a/@app/client/src/styles/global.css +++ b/@app/client/src/styles/global.css @@ -54,6 +54,13 @@ body { white-space: normal; } +.ant-form-item .ant-form-item-label-wrap > label { + /* antd's labelWrap wraps the label text but keeps the label at a fixed + control height, so extra lines spill over adjacent fields */ + height: auto; + min-height: 32px; +} + @keyframes gradient { 0% { background-position: 0% 50%; diff --git a/@app/components/src/EventRegistrationForm.tsx b/@app/components/src/EventRegistrationForm.tsx index 18b7340a..98e46d58 100644 --- a/@app/components/src/EventRegistrationForm.tsx +++ b/@app/components/src/EventRegistrationForm.tsx @@ -237,6 +237,7 @@ export const EventRegistrationForm: React.FC = memo( colon={false} form={form} initialValues={initialValues} + labelWrap onFinish={handleSubmit} >