Rich Faces的4.0自动完成组件不适合大小

Question

我有一个自动完成组件，但它不符合我的要求。

我希望弹出宽度适合输入字段，大小相同......我尝试了很多属性但没有成功。

这可能是一种限制吗？

请注意，弹出窗口小于原点输入字段。我需要做什么？

.inputPesquisa {
width: 77%;
}

...

<div class="pesquisa">
        <rich:autocomplete value="#{pesquisarBean.pesquisa}" styleClass="inputPesquisa"
            autocompleteList="#{bean.todos}" minChars="4" mode="client" layout="div">
            <div>ata</div>
        </rich:autocomplete>
        <a4j:commandButton value="Pesquisar" render="out, scroller"
            styleClass="botaoPesquisa" execute="@form"
            actionListener="#{pesquisarBean.processAction}" />
            <rich:messages showDetail="false" ></rich:messages>
    </div>

Answer 1

我刚刚遇到了你的问题，这有点旧了。

如果要更改文本框输入属性，请创建以下CSS样式：

.inputPesquisa .rf-au-inp {
    width: 350px;
}

我尝试使用所有样式树创建样式，这适用于（对于所有自动完成组件）：

.rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px; /* Bigger than this shows scroller */
    width: 100%; /* This is enough to make all the autocomplete lists look nice */
}

但是当我尝试添加组件的类

时

.inputPesquisa .rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}

它不再起作用了。也许是打开Jira的情况。所以，只需切入追逐并将其包含在CSS中：

.rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}