Workspace - "This Field Is Required" Field Validation Error Triggers Automatically

by ADMIN 83 views

Workspace - "This field is required" field validation error triggers automatically

In this article, we will be discussing a critical issue that affects the functionality of the Workspace settings in the Expensify application. The issue is related to the field validation error, specifically the "This field is required" error, which triggers automatically instead of only when the user clicks the "Next" button while the field is empty. This error is a significant problem that needs to be addressed to ensure a smooth user experience.

The issue is reproducible in the staging environment, and it occurs when a user navigates to the Workspace settings, creates a new workspace with a default currency, and then attempts to connect a bank account manually. The problem arises when the user inputs valid data into all the fields and clicks the "Next" button. At this point, the "This field is required" error triggers automatically, which is not the expected behavior.

To reproduce the issue, follow these steps:

  1. Navigate to https://staging.new.expensify.com/
  2. Log in with a new Expensifail account
  3. Create a workspace with "CAD" default currency
  4. Navigate to Workspace settings - Workflows - Connect bank account - Connect manually
  5. Click on the "Confirm" button
  6. Input any formally valid data to all of the fields
  7. Click on the "Next" button
  8. Input any formally valid data to all of the fields
  9. Click on the "Next" button
  10. Click on the "Confirm" button

The expected result is that the "This field is required" field validation error should only trigger if the user clicks the "Next" button while the field is empty. This means that the error should not trigger automatically, but only when the user attempts to proceed without filling in the required field.

The actual result is that the "This field is required" field validation error triggers automatically, which is not the expected behavior. This error is a significant problem that needs to be addressed to ensure a smooth user experience.

Unfortunately, there is no known workaround for this issue. The problem is reproducible in the staging environment, and it is not possible to bypass the error by using a different approach.

The issue is reproducible on the following platforms:

  • MacOS: Chrome / Safari
  • MacOS: Desktop

A screenshot of the issue can be found at the following link:

https://github.com/user-attachments/assets/60f3e817-9f20-4e64-b74d-977527ecf4d7

In conclusion, the "This field is required" field validation error triggers automatically in the Workspace settings of the Expensify application. This error is a significant problem that needs to be addressed to ensure a smooth user experience. The issue is reproducible in the staging environment, and it is not possible to bypass the error by using a different approach. We hope that this article has provided valuable information to help resolve this issue.

Based on the analysis of the issue, we the following:

  • Review the code to identify the root cause of the problem
  • Implement a fix to prevent the "This field is required" field validation error from triggering automatically
  • Test the fix thoroughly to ensure that it resolves the issue
  • Deploy the fix to the production environment to ensure that users do not experience the issue

If you are interested in contributing to the Expensify application, please check out our contributing guidelines at the following link:

https://github.com/Expensify/ReactNativeChat/blob/main/contributingGuides/CONTRIBUTING.md

You can also email contributors@expensify.com to request to join our Slack channel.

If you are interested in working on the Expensify application, you can view all open jobs on GitHub at the following link:

https://github.com/Expensify/App/issues?q=is%3Aopen+is%3Aissue+label%3A"Help+Wanted"
Workspace - "This field is required" field validation error triggers automatically: Q&A

In our previous article, we discussed a critical issue that affects the functionality of the Workspace settings in the Expensify application. The issue is related to the field validation error, specifically the "This field is required" error, which triggers automatically instead of only when the user clicks the "Next" button while the field is empty. In this article, we will provide a Q&A section to address some of the most frequently asked questions related to this issue.

A: The expected behavior of the "This field is required" field validation error is that it should only trigger if the user clicks the "Next" button while the field is empty. This means that the error should not trigger automatically, but only when the user attempts to proceed without filling in the required field.

A: The exact reason for the "This field is required" field validation error triggering automatically is not clear at this time. However, it is believed to be related to a bug in the code that is causing the error to trigger prematurely.

A: To reproduce the issue, follow these steps:

  1. Navigate to https://staging.new.expensify.com/
  2. Log in with a new Expensifail account
  3. Create a workspace with "CAD" default currency
  4. Navigate to Workspace settings - Workflows - Connect bank account - Connect manually
  5. Click on the "Confirm" button
  6. Input any formally valid data to all of the fields
  7. Click on the "Next" button
  8. Input any formally valid data to all of the fields
  9. Click on the "Next" button
  10. Click on the "Confirm" button

A: The issue is reproducible on the following platforms:

  • MacOS: Chrome / Safari
  • MacOS: Desktop

A: Unfortunately, there is no known workaround for this issue. The problem is reproducible in the staging environment, and it is not possible to bypass the error by using a different approach.

A: If you are interested in contributing to the Expensify application, please check out our contributing guidelines at the following link:

https://github.com/Expensify/ReactNativeChat/blob/main/contributingGuides/CONTRIBUTING.md

You can also email contributors@expensify.com to request to join our Slack channel.

A: Yes, you can view all open jobs related to this issue on GitHub at the following link:

https://github.com/Expensify/App/issues?q=is%3Aopen+is%3Aissue+label%3A"Help+Wanted"

In conclusion, the "This field is required field validation error triggers automatically in the Workspace settings of the Expensify application. This error is a significant problem that needs to be addressed to ensure a smooth user experience. We hope that this Q&A article has provided valuable information to help resolve this issue.

If you have any further questions or concerns related to this issue, please do not hesitate to contact us. We are committed to providing the best possible experience for our users, and we appreciate your feedback and contributions.