Primefaces Adamantium autoComplete造型搞砸了

Question

我的视图中有一个p：autoComplete组件，它能够接受多个值，如下所示：

<p:autoComplete
    id="typesList"
    value="#{bean.types}"
    completeMethod="#{bean.typeLookup}"
    var="type"
    itemLabel="#{type.name}"
    itemValue="#{type}"
    queryDelay="300"
    maxResults="5"
    converter="typeConverter"
    dropdown="true"
    multiple="true">
    ...select and unselect ajax events...
</p:autoComplete>

我已购买并使用Primefaces Adamantium主题。尚未向autoComplete组件添加任何样式自定义，但这是它的外观：

如您所见，出于某种原因，下拉箭头按钮呈现在实际文本框下方。如果我输入了很多值，文本框和按钮都会扩展，但是一个总是保持在另一个之上。如果我检查元素，我会在文本框中看到以下样式类：

ui-autocomplete-multiple-container ui-widget ui-inputfield ui-state-default ui-corner-all

以下按下箭头按钮：

ui-autocomplete-dropdown ui-button ui-widget ui-state-default ui-corner-right ui-button-icon-only

我已经单独检查了每个风格课程，但我没有看到任何可能导致问题的内容。所有这些都是开箱即用的，我没有以任何方式修改它们。取出上述一个，多个或所有样式类并不会改变任何东西。该按钮仍显示在文本框下方。我能做错什么？