Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by William Fernando on Oct 15, 2009 15:23
open dhtmlx forum
dhtmlxcombo

Hi,

I have the follow problem. I am working a combo with autocomplete and filter. But when i put my combo into a div, the combo fails. The combo into of the div not maintain the original position. when i clicked on the div, the combo began to down.

I would like to know how to make the combobox does not move and maintains the original position.

Could you help me?

Thank you very much.
Answer posted by Alex (support) on Oct 16, 2009 01:44

Hello, 

does the issue occurs with the div only when combo is initialized in it ? Please provide the sample where we can recreate the issue

Answer posted by William Fernando on Oct 16, 2009 06:51

Hello,

Thank you for answer me. The problem ocurrs in IE7 or less. I send you the example with the libraries that i am working.

Attachments (5)
Answer posted by Alex (support) on Oct 16, 2009 07:40

Hello, 

You can try to add position:relative; to the div style:

 <div id="pb" style="overflow: auto; height: 100px;position:relative;">

Answer posted on Oct 16, 2009 08:33

Hello.

That problem is ok, but when i have the open combo, the options not maintain the original position. With the example that i send you is showed the error.

Thank you for help me.

 

 

 

Answer posted by Alex (support) on Oct 16, 2009 08:52
The issue wan't reproduced with the latest combo version. The sample is attached. 
Attachments (1)
sample.zip20.56 Kb
Answer posted on Oct 16, 2009 09:26

Hello,

The issue is presented when i clicked on scroll and with the combo options open. Add a picture of the problem. In this picture the combo options should be paste to the combo.

Again, thank you for your colaboration.

Attachments (1)
Answer posted by Alex (support) on Oct 19, 2009 02:37

Hello, 

it is correct behaviour, as  combo list is absolute positioned. Combo closes on body scroll automatically. 

In order to close list on custom action you can use closeAll method. For example:

  <div id="pb" onscroll="j.closeAll()" style="overflow: auto; height: 100px;position:relative;">