Authenticator error message overflows if message is long #5232
Labels
Authenticator
An issue or a feature-request for an Authenticator UI Component
bug
Something isn't working
CSS
Bugs or features related to CSS
Before creating a new issue, please confirm:
On which framework/platform are you having an issue?
React, Angular, Vue, React Native
Which UI component?
Authenticator, Primitive components
How is your app built?
next
What browsers are you seeing the problem on?
No response
Which region are you seeing the problem in?
No response
Please describe your bug.
If a long string is passed as an error message to the authenticator, the message will overflow outside of the container.
e.g.:
What's the expected behaviour?
The text should fit inside of the error container. One way would be to break up the string onto multiple lines, or the container could be made scrollable.
Help us reproduce the bug!
Hardcode a long string into the authenticator error message on any framework. E.g. on react, replace the
translate(error)
with a string here. Then force a form validation error by typing in an invalid email/password combo.Code Snippet
// Put your code below this line.
Console log output
No response
Additional information and screenshots
No response
The text was updated successfully, but these errors were encountered: