#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

  • Shayan

    Shayan March 19th, 2018 @ 03:01 PM

    To apply for ibps rrb exam you must need to have required experience in relevant field. Minimum qualification required to apply for IBPS rrb exam is degree and minimum age is 21 years and maximum age required to apply for IBPS rrb jobs is 28 years. Relaxation in age is applicable for all the reserved category candidates IBPS RRB Recruitment 2018 Syllabus Result Admit card

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