Hi CHOO WAI PAN,
Thank you for reaching out to us with your concern regarding the width of the In-place Editor.
After reviewing your requirement, we understand that you need the In-place Editor to display at least 50 characters without truncating any characters during input.
We would like to explain that the current behavior you're experiencing is due to the input element's default behavior, which is designed for single-line text fields. However, we have found a solution to address your requirement.
To ensure all characters are visible during input, we recommend using a textarea element instead of the input. We have prepared a sample for you demonstrating the integration of a textarea with the In-place Editor component:
Sample: In-place Editor with Textarea Integration
Please refer to the sample for implementation details.
Video illustration:
If you have any further questions or need additional assistance, please feel free to reach out. We are here to help!