Панель вывода не будет обновляться внутри dataScroller

Question

У меня есть простой пример (более или менее из демонстрационного сайта простых лиц), где selectCheckboxMenu и outputPanel вложены в dataScroller (см. Фрагмент кода ниже). Когда город выбирается из selectCheckboxMenu, панель вывода должна отображать его. Но это не работает. Насколько я вижу, все выполняется правильно, поэтому я понятия не имею, почему это не работает.

Любая помощь здесь?

ps когда он не вложен в dataScroller, тогда все работает просто отлично.

    <h:form id="vehiclesForm">
        <p:log id="log" />

        <p:dataScroller id="vehicles" value="#{vehicleTableBean.vehicles}" var="vehicle" chunkSize="10" mode="inline" scrollHeight="700">

            <h:panelGrid columns="3" cellpadding="5">
                <p:selectCheckboxMenu value="#{checkboxView.selectedCities}" label="Cities"
                                      filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
                    <f:selectItems value="#{checkboxView.cities}" />
                </p:selectCheckboxMenu>
            <p:commandLink id="submit" value="Submit" update="@(.cities)"/>
            </h:panelGrid>

            <p:outputPanel style="width:250px;padding-left:5px;margin-top:10px">
                <p:dataList styleClass="cities" value="#{checkboxView.selectedCities}" var="city" emptyMessage="No cities selected">
                    #{city}
                </p:dataList>
            </p:outputPanel>

        </p:dataScroller>

    </h:form>

Между тем я обнаружил один интересный момент:

если в dataScroller есть только один элемент, то проблем нет, все работает как чудо.