Opened 10 years ago

Closed 9 years ago

Last modified 9 years ago

#11139 closed defect (wontfix)

A Tabcontainer inside a fixed height, auto overflow DIV remains fixed in the viewport as you scroll, under Internet Explorer

Reported by: Cormac Flynn Owned by:
Priority: high Milestone: tbd
Component: Dijit Version: 1.4.2
Keywords: tabcontainer ie Cc: cormac.flynn@…
Blocked By: Blocking:

Description

Steps to reproduce

  1. Create a page containing a fixed height DIV with overflow auto;
  2. Insert a TabContainer?, and ensure there is enough content for the DIV height such that a scrollbar appears;
  3. Under Firefox, you'll be able to scroll up and down the content as per usual. Under Internet Explorer 7, the Tabcontainer will remain fixed in the same position, following the viewport as you scroll the content.

I've attached a testcase and screenshots.

Note also that if you set the width of the Tabcontainer to 100%, under Internet Explorer it will overlap the DIV scrollbar.

I can't find a similar bug but, in case this is a known error or limitation, I'd be grateful if someone could direct me to a workaround, if possible.

Attachments (3)

test.html (4.7 KB) - added by Cormac Flynn 10 years ago.
Test Case
screenshot.JPG (80.7 KB) - added by Cormac Flynn 10 years ago.
Tabcontainer fixed position as you scroll - you can see the bottom of the container covering "Field Ten"
screenshot2.JPG (84.2 KB) - added by Cormac Flynn 10 years ago.
Tabcontainer with width 100% - covering "Field Ten" and the scrollbar of the fixed height DIV

Download all attachments as: .zip

Change History (6)

Changed 10 years ago by Cormac Flynn

Attachment: test.html added

Test Case

Changed 10 years ago by Cormac Flynn

Attachment: screenshot.JPG added

Tabcontainer fixed position as you scroll - you can see the bottom of the container covering "Field Ten"

Changed 10 years ago by Cormac Flynn

Attachment: screenshot2.JPG added

Tabcontainer with width 100% - covering "Field Ten" and the scrollbar of the fixed height DIV

comment:1 Changed 9 years ago by Cormac Flynn

I've tested this on 1.5b3 and its still occurring

comment:2 Changed 9 years ago by bill

Resolution: wontfix
Status: newclosed

That's a weird one. I don't know how to "fix" this but you can workaround the problem simply by adding position: relative to the outer <div>.

comment:3 Changed 9 years ago by Cormac Flynn

Yep, I came across this in the release notes recently. Thanks for your help nonetheless!

Note: See TracTickets for help on using tickets.