Transition issue when you keep the icon to the left in LTR

[debiprasad]

As per my requirement/design, I needed to keep the search icon to the left of the search input. To achieve this, I modified 'right' with 'left' at all places in the CSS and made 'float: left' instead.

When the search input expands, the search icons jumps to the left till completion of the transition. I guess it's because of the focus on the search input. Is there any solution to this issue?

There is an workaround, which is to remove the 'transition' style. But I am looking for a real solution.