Title:
Bug 83915:-(Watson Migration Closure)cflayout type="tab" does not render correctly in IE 7
| View in TrackerStatus/Resolution/Reason: Closed/Fixed/
Reporter/Name(from Bugbase): John Pansewicz / John Pansewicz (John Pansewicz)
Created: 08/23/2010
Components: AJAX, UI Components
Versions: 9.0.1
Failure Type: Unspecified
Found In Build/Fixed In Build: 0000 /
Priority/Frequency: Trivial / Unknown
Locale/System: English / Win All
Vote Count: 3
Problem:
cflayout type="tab" does not render correctly in IE 7. The first tab's height is incorrectly set, leaving it only as tall as the up/down scroll arrows, rather than showing it as tall as its content. This happens when the content is pre-loaded. I have not tested it with dynamic content from a URL.
Method:
Using IE 8, set the document mode to be IE 7 Standards (in the IE developer toolbar) .Here's my test CFML source code:<cfoutput><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html style='height:100%;'><head><title>CF Tabs Example</title></head><body></cfoutput><cfajaximport tags="cflayout-tab"><cflayout type="tab"><cflayoutarea title="Tab 1"><cfoutput><p>This is the first tab!</p><p>This is the first tab!</p><p>This is the first tab!</p><p>This is the first tab!</p><p>This is the first tab!</p><p>This is the first tab!</p></cfoutput></cflayoutarea><cflayoutarea title="Tab 2"><cfoutput><p>This is the second tab!</p><p>This is the second tab!</p><p>This is the second tab!</p><p>This is the second tab!</p><p>This is the second tab!</p><p>This is the second tab!</p></cfoutput></cflayoutarea></cflayout><cfoutput></body></html></cfoutput>
Result:
----------------------------- Additional Watson Details -----------------------------
Watson Bug ID: 3041931
External Customer Info:
External Company:
External Customer Name: John Pansewicz
External Customer Email: 355512794BA16BB60A04B82D
External Test Config: 08/23/2010Attachments:
Comments: