UI Plugin

Autocomplete renders under other page elements in IE7

Details

  • Type: Bug Bug
  • Status: Open Open
  • Priority: Major Major
  • Resolution: Unresolved
  • Affects Version/s: 1.0
  • Fix Version/s: 1.2
  • Component/s: None
  • Labels:
    None
  • Environment:
    IE7, Vista SP1; all current patches

Description

For the AutoComplete functionality in the guiDemo app, drop-down lists appear UNDER associated text input boxes.

See attachment.

Similar issue (and possible fix?) has been reported here:

http://stackoverflow.com/questions/88883?sort=votes

All is OK with FF3 and Opera 9.6.

Issue Links

Activity

Hide
alpheratz added a comment -

I have also tested under IE8beta2; exact same behaviour occurs.

Show
alpheratz added a comment - I have also tested under IE8beta2; exact same behaviour occurs.
Hide
Marc Dworkin added a comment -

Hi,

I ran into this issue and hacked the following fix in inputtaglib.groovy

def zIndexStyle = attrs.get('zIndex')
if ( zIndexStyle ) { zIndexStyle = " style=\"z-index:" + zIndexStyle + "\" "; }

out << """
<div class="yui-skin-sam yui-ac" ${zIndexStyle} >
...

And then set the zIndex in the wrongfully covered gui:autoComplete to be higher then the one wrongfully covering it.

Show
Marc Dworkin added a comment - Hi, I ran into this issue and hacked the following fix in inputtaglib.groovy def zIndexStyle = attrs.get('zIndex') if ( zIndexStyle ) { zIndexStyle = " style=\"z-index:" + zIndexStyle + "\" "; } out << """ <div class="yui-skin-sam yui-ac" ${zIndexStyle} > ... And then set the zIndex in the wrongfully covered gui:autoComplete to be higher then the one wrongfully covering it.

People

Vote (3)
Watch (1)

Dates

  • Created:
    Updated: