Skip to content
This repository was archived by the owner on Oct 2, 2019. It is now read-only.
This repository was archived by the owner on Oct 2, 2019. It is now read-only.

Wrong top position of choices when edit value #1167

@vatcher

Description

@vatcher

Hi,

I´m using your ui-slect and it is a great component.
I´m using it a I belive to find a bug.
When ui-slect shows the choices on top of the input field an I enter some value, the box with choises reduces its hight, but not its position. So the choices are somwhere over the top of my component.
Here is my code:

ui-select-full
ui-select-edit

<div class="form-group required">
    <label for="countryCB" class="control-label">{{'PRODUCT_COUNTRY_SELECT' | translate}}</label>
    <ui-select id="countryCB" ng-model="vm.selectedCountry" ng-disabled="disabled" title="{{'PRODUCT_COUNTRY_SELECT' | translate}}">
        <ui-select-match placeholder="{{'PRODUCT_COUNTRY_SELECT' | translate}}">
            <span ng-bind-html="$select.selected.country"></span>
            <small ng-bind-html="$select.selected.countryIso"></small>
        </ui-select-match>
        <ui-select-choices repeat="country in vm.countries | filter:{country:$select.search}">
            <span ng-bind-html="country.country | highlight: $select.search"></span>
            <small ng-bind-html="country.countryIso | highlight: $select.search"></small>
        </ui-select-choices>
    </ui-select>
</div>

Is it a bug, or am I wrong?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions