I am playing around with default-v2 SASS for jquery and I noticed that placeholder or textbox focus/blur behave differently between standard input and input with icon.
<input class="k-textbox" placeholder="enter criteria" />
First example looks more "correct". Placeholder color is lighter. Box also gets a shadow on focus.
<span class="k-textbox k-space-right">
<input placeholder="enter criteria" />
<span class="k-icon k-i-search"></span>
Second example differes in a way it is flat. Placeholder is same color as text (confusing for user), box doesn't get any shadow on focus.
Is this a limitation or just a style misconfiguration? How can we make this to be consistent?