search - Drupal 自动完成搜索 UI 错误

Question

嗨，在 Drupal 7 中，我正在使用自动完成搜索。在搜索输入中，即使输入没有聚焦，它也会一直显示部分 ajax 加载器动画。错误用红色方块标记。

任何建议请为什么会有这个错误。（我正在使用 boostrap 主题）

谢谢你的帮助。

Answer 1

这不是 twitter 引导错误。

查看您的 drupal 安装misc/throbber.gif文件。你会看到它实际上是一个精灵，当 ajax 请求正在进行时，它会改变它的位置以显示动画的 throbber。

您将需要创建一个新的并相应地调整 CSS 以解决此问题。您的文本字段的长度比这个精灵的相对长

将以下 CSS 添加到主题的 css 文件中。这些样式已经定义，因此您只需要覆盖它们。请参阅内联注释。

html.js input.form-autocomplete {
    background-image: url("/misc/throbber.gif"); // Enter a new thribber image here.
    background-position: 100% 2px;
    background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 100% -18px; // Adjust this -18px to the height of your new throbber. 
}