dropdown label animation

[maipucino]

Hi,

I am posting again this here because previous post was included in Ultima - Primefaces, still unanswered. (http://forum.primefaces.org/viewtopic.php?f=42&t=47629)

I saw that p-calendar and p-autocomplete label animation works as expected in 1.0.3 but still can't make it work in p-dropdown. Label is fixed and partially overwrite first option.

For instance, in this case label

Code: Select all

<div class="ui-g-6 ui-md-6">
    <span class="md-inputfield">
        <p-dropdown [options]="cities" formControlName="ciudad"></p-dropdown>
        <label>City</label>
    </span>
</div>

options are :

Code: Select all

    this.cities = [];
    this.cities.push({ label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } });
    this.cities.push({ label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } });
    this.cities.push({ label: 'London', value: { id: 3, name: 'London', code: 'LDN' } });
    this.cities.push({ label: 'Istanbul', value: { id: 4, name: 'Istanbul', code: 'IST' } });
    this.cities.push({ label: 'Paris', value: { id: 5, name: 'Paris', code: 'PRS' } });

Any workaround for this ?.

Regards,
Diego.

[DarthMaul]

Hi Diego,

Dropdown label animations are working fine on live demo.

http://www.primefaces.org/ultima-ng/#/sample

I couldn't replicate your problem.

[maipucino]

Humm, I don't see any dropdown label animation on live demo. Could you give me more details to find it ?

Regards,
Diego.

[cagatay.civici]

Label animations are supported by form components with input texts at the moment, not supported by dropdown as it is quite different. Once we find a day, we'll include it in next version.