ComboBox Scroll Problem

[Jul]

There was a similar post (http://extjs.com/forum/showthread.php?t=3272) in the normal help forum, but it didn't look like much progress had been made on it. I have a couple of pics and an easy way to replicate it. I'll post both below. Is there any known workaround or are combo boxes in IE6 just not going to work when scrolling is involved?

I have attached a modified menus.html from the examples below that demonstrates this issue. Just drop it into the ext-1.0\examples\menu directory. Let me know if any additional information is needed.

- Jul

[jack.slocum]

I posted in the other thread as well. Here's an answer I gave the other day.

http://extjs.com/forum/showthread.php?t=4621&highlight=relative+scrolling

[Jul]

Thanks, I missed that thread.

The position:relative setting definitely has an effect on this issue, but it's not quite working. I tried a couple of changes using the same "Toolbar with Menus" example, and had mixed results:

If you add position:relative directly to x-toolbar with a .x-toolbar {position:relative;} CSS rule, you get a toolbar that will not scroll with the content in IE6 but will scroll in FF.

If you add position:relative to the containing div, you get the same behavior - a static toolbar.

If you add position:relative to the outer container div, the one with "overflow:auto", you get the behavior that we're expecting, the toolbar scrolls with the content, but with one caveat: the background image for the toolbar disappears.

In all three scenarios, Firefox works as expected, the toolbar and it's contents including the combobox scroll with the contents of the div.

What do you think?

[jack.slocum]

Adding position:relative to the container fixes the scroll (as you noted) and adding zoom:1 to the div with the id "toolbar" returns the background.

By the way, removing the doc-type IE works as expected with no workaround.

[Jul]

Removing the doc-type or adding the position:relative & zoom:1 both work. My problem has been struggling over which approach to take. Early in our design, we chose the Strict doc type as a standard for our site. It actually fixes a number of bugs that appear in IE 6, most notably the margin:auto bug (IE ignores this and incorrectly uses text-align for block alignment instead).

Considering the number of new bugs that are appearing in Strict mode in IE 7, we're now rethinking that strategy.

What year do you think it will be when the top three browsers measured by market share will be both standards compliant AND bug-free? My money is on the year 2057 at this rate. /:)