#8163 closed bug (notabug)

Opened March 06, 2012 09:36AM UTC

Closed March 06, 2012 09:53AM UTC

Autocomplete showing on hidden part of overflown div

Reported by: harimaux Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.autocomplete Version: 1.8.18
Keywords: Cc:
Blocked by: Blocking:
Description

Input text field with ''ui-autocomplete'' class is showing on the invisible / hidden area of the overflowed ''div-page''.

Code:

<div id="div-page" style="overflow:hidden;height:280px;">
   <div style="height:400px;">
      <!-- .... -->
   </div>
   
<!-- the below div shouldn't be seen, as it is below the visible area of the outer div, however the ui-autocomplete field shows up -->
   <div>
      Sample text here....
      <input type="text" name="scstring2" id="scstring2" class="ui-autocomplete"></input>
   </div>
</div>
Attachments (0)
Change History (1)

Changed March 06, 2012 09:53AM UTC by jzaefferer comment:1

resolution: → invalid
status: new → closed

You're manually adding the ui-autocomplete class to the input, where it doesn't belong (it belongs on the menu, which with widget will add). Remove the class and it works fine, no more "position:absolute".