javascript - 当搜索图标位于 LTR 网站左侧时，展开搜索栏问题

Question

我正在使用Expanding Search Bar，但根据我的要求/设计，搜索图标应该在左侧。因此，我修改了代码，将搜索输入替换right为left, float: rightwith并将右填充与左填充交换。float: left

现在，当我单击搜索图标时，搜索输入会展开。但搜索图标会向左移动，直到转换完成。

我猜是因为对搜索输入 ( direction: ltr) 的关注，这个问题正在发生。我对此了解不多。如何解决？

这是小提琴。

Answer 1

如果添加溢出：可见；到搜索打开状态，它会阻止 Chrome 中的移动：

.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
    overflow: visible;
}

这是我正在玩的小提琴：http: //jsfiddle.net/MathiasaurusRex/j7679/1/