Component: InputText

[anikalthh]

Describe the bug

Two features from the InputTextModule aren't working:

`

`

The icon is supposed to be inside the input text box but it is currently outside of the textbox.

2. There is a similar issue with Floating Label of the InputTextModule. The floating label is outside of the textbox before it is even clicked on/ focused.

Environment

PrimeNG project

Reproducer

No response

Angular version

17

PrimeNG version

17.10.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

Chrome

Steps to reproduce the behavior

No response

Expected behavior

No response

[mithun522]

Hey @anikalthh i was going through the issues and i found that the floating label of the inputTextModule is working fine. Can you please give a stackblitz repo of the issue reproduced or a screen record.

[mithun522]

Hey @cetincakiroglu In the documentation of inputTextIcon the code with search icon is getting overlapped when we try to use the exact same code in our project. Below video is the example of how it works

Screencast.from.03-22-2024.05.31.12.PM.webm

and so I have added a padding to the input box after which the code works like the below video.

Screencast.from.03-22-2024.05.25.59.PM.webm

[cetincakiroglu]

Hi,

I've checked the related code piece in https://primeng.org/inputtext#icons and it works actually. Could you please create a stackblitz example so we can identify the issue? Thanks for the video recording but it is not enough to detect what's wrong.

[mithun522]

I don't know why but when i am running the code in my local it behaves as the above video example but when i try to reproduce in stackblitz it is working properly. Sorry.

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!