Dear Janne,

2010/6/4 Janne Rönkkö <[email protected]>:
> I'm having an issue with Internet Explorer (6-8) when using setOverflow(
> OverflowAuto ) inside multiple WContainerWidgets (I'm using Wt 3.1.3).
>
> The attached scroll.html is handwritten and it should be quite near of what
> Wt has generated in this case. Using this file IE works as expected; the
> table containing data rows can be scrolled (as is with Firefox). But when
> the similar construct is generated using Wt, IE does not scroll the content.
> The ContainerWidget which has overflow set to Auto has scroll bars but the
> contents does not scroll. What is even more interesting is that the border
> of the container seems to move.
>
> You can find demonstrating code from the scroll.tar.gz. The tarball contains
> three files:
> - main.cpp: code generating quite simple application
> - style.css: some css to higlight different containers
> - Makefile: for compilation (uses g++; make run to run embedded http server
> on port 8001)

There seems to be indeed a bug in IE that it is confused by a
position: relative somewhere inside a div that provides scrollbars.
The workaround seems to make sure all intermediate containers have
position: relative.

The latest git version contains a fix that makes your example work
properly on IE.

Alternatively, you can patch your example in the following way (which
results in the same workaround):

Regards,
koen

--- orig/main.cpp       2010-06-04 11:47:49.000000000 +0200
+++ main.cpp    2010-06-09 17:51:29.000000000 +0200
@@ -21,6 +21,7 @@

       Wt::WContainerWidget* res = new Wt::WContainerWidget();
       res->setStyleClass( "Content" );
+      res->setAttributeValue("style", "position: relative");
       res->setLayout( l );

       return res;
@@ -47,6 +48,7 @@
       Wt::WContainerWidget* res = new Wt::WContainerWidget;
       res->setStyleClass( "right" );
       res->setOverflow( Wt::WContainerWidget::OverflowAuto );
+      res->setAttributeValue("style", "position: relative");
       res->addWidget( content() );

       return res;

------------------------------------------------------------------------------
ThinkGeek and WIRED's GeekDad team up for the Ultimate 
GeekDad Father's Day Giveaway. ONE MASSIVE PRIZE to the 
lucky parental unit.  See the prize list and enter to win: 
http://p.sf.net/sfu/thinkgeek-promo
_______________________________________________
witty-interest mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/witty-interest

Reply via email to