AccordionLayoutContainer scrolling problem (IE only)

I have some ContentPanels inside an AccordionLayoutContainer. When the text in one of the ContentPanels is long enough to need a horizontal scrollbar, if I move the mouse over the text it causes the ContentPanel to grow continuously to the bottom of the page, pushing anything below it off the page. This happens in IE, but not in Firefox.

I have not seen this reported for GXT, but saw it for EXT here: http://www.sencha.com/forum/showthread.php?230978, but I don't see that it was fixed anywhere. Can you please let me know the status? Thanks.

That issue wasnt fixed as it seems. I will move your threads into the bugs forum and push it into the tracking system. Thanks for reporting.

Great, thank you for the quick update.

Has this been fixed in 3.0.4, and if not can you tell me when a fix can be expected? Thanks

Could you please provide an update on the status of this bug?

Thanks for reporting this bug. We've been over the original Ext JS bug report, but as GXT and Ext JS don't share any code, I'm not sure what to take away from it. We've tried to build a few test cases to reproduce this both from your description and from the linked thread, but so far have been unable to cause the bug.


I've tried modifying the sample AccordianLayoutExample.java and noticed it produced a scroll and tried IE7,8 & 9 but didn't see any growth on mouse hover.

Code:

---

      String s = "A:testtesttesttesttesttesttesttesttesttesttesttesttestB:testtesttesttest~~~";
      store.add(m, newItem("Darrell" + s, "user"));
      store.add(m, newItem("Maro" + s, "user-girl"));
      store.add(m, newItem("Lia" + s, "user-kid"));
      store.add(m, newItem("Alec" + s, "user-kid"));
      store.add(m, newItem("Andrew" + s, "user-kid"));

---

I've also tried the snippet below with IE7,8 & 9, which produced a horizontal scroll manually but didn't see any growth on mouse over yet.

Code:

---

@Override
  public void onModuleLoad() {
    ContentPanel panel = new ContentPanel();
    panel.setHeadingText("AccordionLayout");
    panel.setBodyBorder(false);
    panel.setPixelSize(200, 325);
    RootPanel.get().add(panel);
   
    String s = "A:testtesttesttesttesttesttesttesttesttesttesttesttestB:testtesttesttest~~~";
    s += s + s + s + s + s + s + s + s + s + s + s;
   
    HTML html = new HTML("1:" + s);
    html.getElement().getStyle().setOverflowX(Overflow.SCROLL);
   
    ContentPanel cp = new ContentPanel();
    cp.setHeight(100);
    cp.setAnimCollapse(false);
    cp.setHeadingText("Header 1");
    cp.add(html);
   
    ContentPanel cp2 = new ContentPanel();
    cp2.setHeight(100);
    cp2.setAnimCollapse(false);
    cp2.setHeadingText("Header 2");
    cp2.add(new HTML("2:" + s));
   
    AccordionLayoutContainer alc = new AccordionLayoutContainer();
    alc.setExpandMode(ExpandMode.MULTI);
    alc.add(cp);
    alc.add(cp2);
    panel.add(alc);
  }

---

I've been trying to replicate the steps, but I have a feeling I'm missing a step or two to produce what was going on. Do you think you could provide more precise snippet of source to produce the issue? Or can you reproduce this in the sample above?


I ran these in both GXT 3.0.1 and in the latest, 3.0.5.


Thanks for your help,
Brandon