Question

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

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

我想因为关注搜索输入（direction: ltr），这个问题正在发生。我不太了解它。如何解决？

这是fiddle。

Answer 1

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

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