Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

🐛 Bug - Stack alignContent="center" not correct for FormControl with TextInput and FormControl.HelpText #2454

Open
key88sf opened this issue Apr 23, 2023 · 1 comment
Open

🐛 Bug - Stack alignContent="center" not correct for FormControl with TextInput and FormControl.HelpText #2454

key88sf opened this issue Apr 23, 2023 · 1 comment
Labels
bug Something isn't working as expected stale Used to mark when there was no activity for a set period of time

Comments

@key88sf
Copy link

key88sf commented Apr 23, 2023

Forma 36 bug report

Summary

When using a form textinput along with a button inside a Stack that is align=center, if the textinput has help text then the alignment is no longer centered with the text input:

Screenshot 2023-04-22 at 8 17 52 PM

Environment

Chrome, Mac OS X Ventura

Steps to reproduce

https://f36.contentful.com/playground?code=N4Igxg9gJgpiBcICWBbADhATgFwATFwCEBXbbCAOwBoiIAPGgMSxQGFLtMIAbGgZWwBDMAGsaAFRh1sASQppSuAL64AZlxS4A5AAFIFbDAOri3APSqAzADYAtJHSUj2AM5aA3AB0K3qRhy4sKqCpngmFGDYSJS4AIJoaAAUAJT43ri4mDDYxJgUuAA8AHzpGYUCwiK4gtxIAOYU7AbOALye4M4wmO0l+WUZBcyYbBxc3L39-YMsTZw8AHQAMoIARjDjktJyCnjLa9wFZkMjBmNLq+sTkwObsvKkpdcZAG41xDBtIAAS69wQuAB3LDcKDtR5PbAATzQH3ahmkYL6T1wFEEKFhIBEMEhQMwUBciORZiu12mw1mZx+3DQtyKfAg6NwAAt1mhcPC8CysodjhSFlSaVJsCSyjyZqMeCLSYR6FKngUSGRKODkS9BJgkIIDJ80BqUOrIYTVRk5cjWJ0slBcAB1JDYJm4W7bB5I1WHRXkCim0VmGV0OWHCqiEWHXpKEBKIA

Expected results

The Button should be centered with the TextInput control, even though Help Text is present under the control.

Actual results

The Button gets centered with both the text input and help text grouping, which looks bad visually.
@key88sf key88sf added the bug Something isn't working as expected label Apr 23, 2023
@github-actions
Copy link

Marking issue as stale since there was no activity for 30 days

@github-actions github-actions bot added the stale Used to mark when there was no activity for a set period of time label May 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working as expected stale Used to mark when there was no activity for a set period of time
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@key88sf