#263 new

display:inline fixes positioning of autocomplete results div in IE8

Reported by Anton | December 7th, 2009 @ 01:52 PM

In my project we have this hack in controls.js in baseInitialize in this.options.onShow function:
update.style.position = 'absolute';
... // display:inline fixes positioning of autocomplete results div in IE8

      if(Prototype.Browser.IE) {
          update.style.display = 'inline';

This fixes the positioning of autocomplete results div when the element is inside modal window.

The modalpopup has position: relative (if you change it to fixed, the fix above won't be needed)
The modalpopup is inside #modalwrap, which has position: fixed

Comments and changes to this ticket

  • Anton

    Anton December 7th, 2009 @ 01:55 PM

    • Tag changed from controls.js, explorer, internet to controls.js, ie8
  • Tomáš Pospíšek

    Tomáš Pospíšek January 5th, 2010 @ 09:48 PM

    I can confirm both the problem and that the fix worked for me.

  • twisted_pear

    twisted_pear February 21st, 2010 @ 05:14 PM

    Works for me too. Thanks for debugging this Anton!

    I used this:
    update.style.display = (Prototype.Browser.IE) ? 'inline':'absolute';

  • lakshmanan

    lakshmanan December 23rd, 2010 @ 08:00 PM

    • Assigned user cleared.
    • Importance changed from “” to “”

    thank you so much for posting this. that fixed my problem.

  • Quintin Siebers

    Quintin Siebers January 9th, 2014 @ 01:11 PM

    I had to modify the proposed fixes a little for me to get it to work. In my situation there is a position:relative element in the DOM tree where the update div is created, which causes location issues in IE.

    First of all @twisted_pear: display:absolute is incorrect. And @Anton I found that position:fixed works a better when considering a lot of results in the autocompleter. This leads me to the following fix:

    update.style.position = (Prototype.Browser.IE) ? 'fixed':'absolute';
  • jayanthchandra176

    jayanthchandra176 January 12th, 2018 @ 03:31 PM

    Candidate should have got Graduation/Post Graduation in virtually any discipline, having vast experience of employed in HR/ Workers Management/Supervision/Industrial Relations regions of a People Sector Lender or Financial Business, He/ she will need to have worked well in the ranking of GM and above or similar position in Bankers and/ or Financial Company/ Examining/ Examining Company or such Company, have a good command word over British and must be good in inter-personal relationships & have analytical capacity and positive view.
    IBPS RRB recruitment syllabus result admit card 2018

  • Karl peaqt

    Karl peaqt February 15th, 2018 @ 07:06 AM

    Wonderful info. I'd like to know how much communication to expect. I had an agent once and there was no communication whatsoever after the initial call.So what are we talking, an email a week
    Dentist in Dubai

    veneers dubai

    porcelain veneers in dubai

    porcelain veneers

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
<br/><b>Source available from github</b>
The Git repository resides at:
<a href="http://github.com/madrobby/scriptaculous">http://github.com/madrobby/scriptaculous</a>
<br/>Check out the current development trunk with:
<code>git clone git://github.com/madrobby/scriptaculous.git</code>
<br/>As <b>script.aculo.us 1.xx is feature-frozen</b>, this development trunk is for <b>bugfixes only</b>.
<br/>New development should happen only for
<b>script.aculo.us 2</b>.
<br/><b>Creating a bug report</b>
When creating a bug report, be sure to include as much relevant information as possible. Post a an example that shows off the problem. Preferably, <b>alter the unit tests</b> and show through either changed or added tests how the expected behavior is not occuring.

People watching this ticket