RocketChat
SelectFiltered: Blank text input
Description When an element is selected, the text input inside the SelectFiltered loses the placeholder (opacity:0) but is still inside the Select, appearing to be a massive white space.
Steps to reproduce Select an option on a 'SelectFiltered' component
Insert an image/gif
Could you explain what you want to happen once an element is selected? Do you want the text inside the Select filter to be reset to an empty string? Or do you want something to happen with the placeholder? I think I have understood the component well it is just that the issue is not clear enough to me. Thanks.
Think like this: the component is a filtered select - meaning you can type text inside it to filter the options. It has a placeholder that is meant to be something along the lines of "Search an option...". But whenever you select an option, the placeholder becomes invisible, but still occupies space inside the select.
In my opinion, the input should lose its display after an option is selected, so instead of having that big space after the selected option, only what is selected is show.
But things could change, this is my personal opinion and how I'd implement it, not the absolute truth. We may even have some of our Designers help with this some time in the near future.
