Form validation summary unresponsive at 320px #6658
Labels
Comments
|
@harpalsingh are you okay with us updating the summary to wrap in the above scenario or is there a steer to use a different component/ pattern here? |
|
@edleeks87 Makes sense, let me mockup the design with it shown and Ill run it by DS too. I'll add to this issue once ready |
edleeks87
changed the title
|
Any updates on this @harpalsingh? 😄 |
|
Paging Dr. @harpalsingh |
|
@harpalsingh - just tagging you so you know we need a response on this please. Thank you 😄 |
|
@Parsium @DipperTheDan I have designs on making this responsive and will create a ticket for it. |
|
FE-6721 |
nuria1110
added a commit
that referenced
this issue
Sep 20, 2024
This fix allows the form-footer content to be responsive, the buttons and validation message will wrap in smaller screen sizes. When buttons are `fullWidth` the `rightSideButtons` will now render underneath the `saveButton` instead of above. fix #6658
nuria1110
added a commit
that referenced
this issue
Sep 20, 2024
This fix allows the form-footer content to be responsive, the buttons and validation message will wrap in smaller screen sizes. When buttons are `fullWidth` the `rightSideButtons` will now render underneath the `saveButton` instead of above. fix #6658
14 tasks
nuria1110
added a commit
that referenced
this issue
Sep 20, 2024
This fix allows the form-footer content to be responsive, the buttons and validation message will wrap in smaller screen sizes. When buttons are `fullWidth` the `rightSideButtons` will now render underneath the `saveButton` instead of above. fix #6658
nuria1110
added a commit
that referenced
this issue
Sep 25, 2024
This fix allows the form-footer content to be responsive, the buttons and validation message will wrap in smaller screen sizes. When buttons are `fullWidth` the `rightSideButtons` will now render underneath the `saveButton` instead of above. fix #6658
carbonci
pushed a commit
that referenced
this issue
Oct 3, 2024
### [142.13.1](v142.13.0...v142.13.1) (2024-10-03) ### Bug Fixes * **form:** allow form-footer content to be responsive ([c7d55e1](c7d55e1)), closes [#6658](#6658)
|
🎉 This issue has been resolved in version 142.13.1 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
When I am using a small screen the form error validation isn't shown in full. I expect the full text to be visible on the page.
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-k3ccdw?file=src%2FApp.tsx
Steps to reproduce
No response
JIRA ticket numbers (Sage only)
No response
Suggested solution
No response
Carbon version
125.12.1
Design tokens version
No response
Relevant browsers
Chrome
Relevant OSs
MacOS
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: