Suggest box options getting overlapped in IE 6

27 March, 2008 - 18:39 — akamble

Hi All,

We are using Backbase 4.1.2 along with struts connector.

We are using suggest box without any suggest maximum limit.

What we observed is when we have lots of suggestions, then our suggestion list is pretty long and is extended over other HTML elements. But instead of suggestion list hiding elements under it, the elements show through the list. I can provide an image also if you need.

This behaviour is IE 6 specific, it did not occured on IE 7 or Mozilla 2.

Please provide workaround for this if you have any.

Regards,
Ajay.

An old hasLayout problem with IE6

31 March, 2008 - 13:48 — Dave

Could you post a snippet of the relevant pieces of your Backbase and HTML code that you're using here please? There's a very old bug in the IE6 layout engine that causes this (it's the hasLayout bug.) What happens is even if you give a specific block element the overflow: hidden style, it still renders text outside the block.

There are several workarounds for the problem. The objective is to set the hasLayout flag in the internal IE6 layout for that tag. One way I've seen in the past is to set either the width or height to any value other than 'auto' in the CSS for the element. I've also seen people use the zoom: 1 style on the element. You should be able to set up a selector in a CSS file to deal with this. Best way to do that is to bring up the page in Firefox while running Firebug and start pouring through the HTML until you find the block element that's bleeding. Then set up a selector that applies zoom:1 as a style for it.

The really good news is this was all fixed in IE7. Any overflow causes the hasLayout flag to be set in IE7, forcing it into true block overflow mode.

suggest box overlapping

31 March, 2008 - 14:55 — akamble

Hi Dave,

Can you please tell exactly where we need to make changes?

Do we need to set either of these properties (width,height,zoom) on suggestBoxOption or some other element?

Regards,
Ajay

suggest box overlapping

31 March, 2008 - 15:18 — Dave

I think I misread what your original problem was. I thought you were talking about it the actual suggestBox drop down bleeding through to other elements on the page, but you're talking about elements that should be under the suggestBox drop down bleeding over the top of your suggestBox.

Could you post a snippet of your code and a screenshot of it please? I'd like to take a look.

suggest box overlapping

7 April, 2008 - 13:10 — akamble

Hi Dave,

I have attached the screen-shot for you, please write if you have any solution.

Regards,
Ajay

suggest box overlapping

16 April, 2008 - 07:39 — akamble

Hi,

Can anyone please guide to resolve this problem in IE 6. Is there any workaround to avoid this problem?

Regards,
Ajay

Need screenshot and code

16 April, 2008 - 09:35 — Dave

Ajay:

I don't see an attachment on your previous post. Did you put it somewhere else? If so, could you put a link to it somewhere so I can take a look?

I'd really like to help resolve it, so if you have a small code segment you could post that at least demonstrates what's happening, I could work that into my environment and test it. I have some pretty large datasets here I can work with that should be able to show me what's going on inside IE6.

Client Framework