Fix Input Box Visibility and Decimal Issues

Job ID: 39017574

Budget: ₹600 – ₹1,500 INR

I need a web developer to fix an input box issue on my website. The input box text is getting cut off, making it impossible for users to see what they are typing in Total Investment and Withdrawal per month input boxes. This issue has been tested on Google Chrome, but it may be affecting other browsers as well.

In addition, there is a decimal issue with the input percentage box. Users are unable to enter decimal points, which is causing significant usability problems.

Ideal skills for the job include:
- Proficiency in JavaScript, React.js, HTML, CSS, Tailwind CSS
- Experience with cross-browser compatibility testing
- Strong problem-solving skills
- Attention to detail

Bug 1:
Allow decimal like . In % Percentage withdrawal input box. Currently, user can only type number like 12 % or 23 % and can't type like 12.2 % or 23.566 %

Bug 2:
Total Investment and Withdrawal per month input box Text is not showing properly on desktop or laptop screens. Last few numbers are getting cropped and only visible on when scroll within the input. Currently, Showing perfectly on mobile devices.

See the attached screenshots and related files.

See the bugs live on: https://swp-calculator.mutualfundjournal.in/

Please help me fix this issue as soon as possible. Thank you.
Related categories: JavaScript CSS HTML5 React.js Tailwind CSS