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.

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

Validation error message breaks cell density in Table component #9461

Open
GrowwithNaveen opened this issue Apr 22, 2024 · 0 comments
Open
Labels
appbuilder bug Something isn't working roadmap

Comments

@GrowwithNaveen
Copy link
Collaborator

Description:
This issue occurs when a validation error message is displayed for a cell within a table component. The validation message disrupts the intended cell density property, causing the table layout to break.

Current Behavior:

  1. When a user enters invalid data in a table cell, a validation error message appears near the cell.
  2. The validation message takes up additional space, pushing the cell content down or overflowing it.

Expected Behavior:
The validation error message should be displayed in a way that doesn't affect the cell density property.

Steps to Reproduce:

  1. Create a table component with default cell density property.
  2. Include a validation rule for a column type
  3. Enter invalid data in the cell
  4. Observe that the validation message disrupts the cell density.

Attaching video grab for reference

Test.app._.ToolJet.mp4
@GrowwithNaveen GrowwithNaveen added bug Something isn't working roadmap appbuilder labels Apr 22, 2024
@GrowwithNaveen GrowwithNaveen added this to the App Builder 1.8 milestone Apr 22, 2024
@GrowwithNaveen GrowwithNaveen removed this from the App Builder 1.8 milestone May 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
appbuilder bug Something isn't working roadmap
Projects
None yet
Development

No branches or pull requests

1 participant