Search bar placeholder does not clear on click

  • Resolved cristorb

    (@cristorb)


    7 years, 10 months ago

    Hello!
    First of all, Thank you for making this plug in!

    Now as the title says, I added the shortcode on my page to display the search bar, i also added a custom placeholder, but this placeholder stays there and does not clear when you click on the search bar, it will clear only after inputting a character.

    This feels very unatural, is there a way to fix this?

    Here is the link to my site where i am experiencing this issue.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Seems that the link to your website was missed.

    Please write it again.

    Thanks!

    Thread Starter cristorb

    (@cristorb)

    Here is the link, sorry about that!
    https://selecteksolutions.com/test/restaurant-menu/

    Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    You can do this by adding following styles

    .aws-container .aws-search-field:focus::-webkit-input-placeholder { color:transparent; }
.aws-container .aws-search-field:focus:-moz-placeholder { color:transparent; }
.aws-container .aws-search-field:focus::-moz-placeholder { color:transparent; }
.aws-container .aws-search-field:focus:-ms-input-placeholder { color:transparent; }
    • This reply was modified 7 years, 10 months ago by ILLID.
    • This reply was modified 7 years, 10 months ago by ILLID.
    Thread Starter cristorb

    (@cristorb)

    ILLID thank you for the reply.

    I tried that solution, but it is not a good solution, that just makes the text go transparent on click, and when you type something u cant see it since it is still transparent.

    I found another solution, to have something like this be part of the form

    <input type=”text” placeholder=”enter your text” onfocus=”this.placeholder = ”” onblur=”this.placeholder = ‘enter your text'” />

    I was looking trough the plugin files but i don’t have enough experience to modify them into creating this.

    Can you help me with this? having this feature would make the plug in a lot more user friendly.

    Thank you!

    Thread Starter cristorb

    (@cristorb)

    Hi ILLID, Any help with this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search bar placeholder does not clear on click’ is closed to new replies.