Skip to Content (Press Enter)
UserImage.jpg
Bella Nguyen
30Views
6Comments
Prompt in input not hidden when focus or not empty
Question
Reactive
Application Type
Reactive

Hi all,

when using input widget I set Prompt for it but when I focus to the input the prompt is not hidden as document, do you know how to hide it when user focus on input and display again when click outside the input?

thank you.

1
0
17 Jul 2025
Copy Link
2025-03-12 07-08-15
Nilesh Trivedi

Hello,

Can you please share your Inputwidget property here? So that we can investigate further.

Thank u.

1
0
17 Jul 2025
Copy Link
2022-12-30 09-46-57
Deepika Patel

Hi @Bella Nguyen,

Could you please confirm whether the prompt has been set in the input widget’s properties?

Thanks!

0
0
17 Jul 2025
Copy Link
UserImage.jpg
Łukasz Kaproń

Hi @Bella Nguyen 

Can you share your .oml file?

0
0
17 Jul 2025
Copy Link
2025-07-22 10-30-27
Mandar Deshpande

I think the Prompt property has some limitations so this can be implemented using CSS/Javascript to control the visibility.

0
0
17 Jul 2025
Copy Link
UserImage.jpg
Bella Nguyen

My propertise as below


I need to use CSS to fix it

.form-control[data-input]:focus::placeholder{

  color: transparent;

}

0
0
17 Jul 2025
Copy Link
2025-07-28 06-45-20
Rupesh Patil

hi @Bella Nguyen 

You can check this CSS:

.form-control[data-input]:focus::placeholder {

         opacity: 0;

    }

but 

  .form-control[data-input]:focus::placeholder {

         color: transparent;

    }

this CSS also working for me if you focus to the input the prompt is hidden and when click outside the input then prompt displayed

I hope this helps

Thanks

0
0
17 Jul 2025
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.