Updated input text field design and fix the text field issue

[Manojarya0207]

Issue: Text Input Field Changes Are Not Reflected Correctly

Description

The text input field was not updating correctly after user interaction. Changes made by the user were not reflected in the UI, resulting in inconsistent behavior and an inaccurate display of the current input value.

The issue has been resolved by updating the input field state management to ensure proper synchronization between user input and the UI.

Steps to Reproduce

1. Open the screen containing the text input field.
2. Enter or modify the text.
3. Observe that the updated value is not reflected immediately in the UI.

Expected Behavior

• The text input field should immediately display the latest user input.
• The UI should remain synchronized with the underlying application state.
• Any modifications to the input should be reflected without requiring additional user actions.

Actual Behavior

• User-entered changes were not reflected in the text input field.
• The displayed value remained unchanged even after editing.
• The UI did not update as expected.

Root Cause

The input field state was not being updated correctly, preventing the UI from rebuilding with the latest value.

Resolution

• Corrected the input field state update logic.
• Ensured proper synchronization between the input field and the application state.
• Verified the fix through functional testing.

Attachments

Before Fix

Before.Fixing.the.issue.mp4

After Fix

After.fixing.the.issue.mp4

Status

Fixed and verified.

[Manojarya0207]

Hi, I have completed the fix for the input text field issue and raised the PR. Could you please review and approve it when you have time? Thank you.