Autocomplete Extender with Animation scrolling problem

Last post 12-02-2009 10:02 PM by chetan.sarode. 1 replies.

Sort Posts:

  • Autocomplete Extender with Animation scrolling problem

    12-02-2009, 12:35 PM
    • Member
      point Member
    • alex--z
    • Member since 12-02-2009, 5:32 PM
    • Posts 1

    Hello.

    I have autocomplete control which is working perfectly. But if I add animation a dropdown list stops scrolling with up/down arrows.

    It is related to IE8.

    Does anyone have suggestions how to resolve it. Next is the code:

    <ajaxToolkit:AutoCompleteExtender
        runat="server"
        BehaviorID="AutoCompleteEx"
        ID="autoComplete1"
        TargetControlID="txtPayorName"
        ServicePath="~/Public/AutoCompleteService.asmx"
        
        MinimumPrefixLength="1"
        CompletionInterval="1000"
        EnableCaching="true"
        CompletionSetCount="20"                                
        ServiceMethod="GetPayorsList"
        CompletionListCssClass="autocompleteCompletionListElement"
        CompletionListItemCssClass="autocompleteListItem"
        CompletionListHighlightedItemCssClass="autocompleteHighlightedListItem"
        
        DelimiterCharacters="">
        <Animations>
              <OnShow>
                                                <Sequence>
                                                    <OpacityAction Opacity='0' />
                                                    <HideAction Visible='true' />                                               
                                                    <Parallel Duration='.1'>
                                                        <FadeIn />
                                                        <Length PropertyKey='height' StartValue='0' EndValueScript='225' />
                                                    </Parallel>
                                                </Sequence>
                                            </OnShow>

                                            <OnHide>
                                                <Parallel Duration='.1'>
                                                    <FadeOut />
                                                    <Length PropertyKey='height' StartValueScript='225' EndValue='0' />
                                                </Parallel>
                                            </OnHide>
        </Animations>
    </ajaxToolkit:AutoCompleteExtender>

Page 1 of 1 (2 items)