AutoCompleteExtender position display issue RSS

• • Reply
  

  kuno2011

  Member

  2 Points

  9 Posts

  AutoCompleteExtender position display issue

  Jul 13, 2009 04:39 PM|LINK

  Hi.

  I have a DIV on left side and DIV on right side of the page. each div has their own scrollbar. when i scroll a DIV vertically and type in the textbox to show autocomplete suggestion list, the autocomplete will not show in the right position... the more i scroll, the the farther it will show the autocomplete list...

  however, if i don't scroll vertically before clicking, it is working fine

  here is my little test:

  <div id="mainTest" style="visibility:visible; position:absolute; display:block; width:100%; height:100%;">
          <div style="position:absolute; display:block; background-color:Blue; top:0px; left:0px; width:300px; height:100%; overflow:auto; " id="testLeft">
              <asp:UpdatePanel ID="UpdatePanel2" runat="server" >
                  <ContentTemplate>
                 
  
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      <asp:TextBox ID="testTextBox" runat="server" />
                      <ajx:AutoCompleteExtender
                          ID="cttTest"
                          CompletionInterval="1"
                          MinimumPrefixLength="1"
                          TargetControlID="testTextBox"
                          ServicePath="/testManagementWebApp/Autocompletepage.aspx"
                          ServiceMethod="testAutoComplete"
                          runat="server" />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                      test<br />
                  </ContentTemplate>
              </asp:UpdatePanel>
              </div>
              <div style="position:absolute; display:block; background-color:Red; top:0px; left:315px; width:700px; height:100%; overflow:auto;" id="testRight">
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
                      <asp:TextBox ID="TextBox1" runat="server" />
                      <ajx:AutoCompleteExtender
                          ID="AutoCompleteExtender1"
                          CompletionInterval="1"
                          MinimumPrefixLength="1"
                          TargetControlID="TextBox1"
                          ServicePath="/testWebApp/Autocompletepage.aspx"
                          ServiceMethod="testAutoComplete"
                          runat="server" />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              test<br />
              
  
          </div>
      </div>

  any Idea how i can fix this?

  
  

  thanks