Response title
This is preview!
- Screen name: johntrepreneur
johntrepreneur's Profile
2 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 17-Jan-2013 07:04 PM
- Forum: Using jQuery UI
The JQuery UI Accordion widget doesn't work with longer scrollable content in IE7 when parent container div has overflow:auto; set on it. I tried setting the innermost child div of the Accordion to overflow:visible !important; but it didn't work. Works fine in IE8, IE9, IE9 compatibility mode, Chrome, FF, Opera, and Safari.
Test this fiddle in IE7. Be sure to explicity set IE to use "Browser mode: IE7" and "Document Mode: IE7 standards".
How to fix?
<div style="overflow:auto;">
<div id="accordion" style="overflow:visible;float:right;height:400px;width:500px;border:2px solid red;float:right;">
<h3>Section 1</h3>
<div><!-- some long content in here that exceeds height of parent container --></div>
</div>
</div>- 19-Nov-2012 12:34 PM
- Forum: Using jQuery UI
When using the JQueryUI dialog with the hide option added, the close event never fires. See my fiddle below to repro both ways.
Is there a workaround that I'm not aware of? I tried reordering them, but it didn't work. Any ideas?http://jsfiddle.net/johntrepreneur/f4Ytr/3/
JAVASCRIPT (used for fiddle):
var $dialog = $('<div></div>').html('Using the hide dialog option ' + 'prevents the close event from firing. Clicking close does ' + 'nothing. Try commenting out the javascript line with the ' + 'hide effect to see the alert show up after clicking close.' ).dialog({ close: function () { alert('this will never show if hide option is active'); }, //hide: { effect: 'drop', direction: 'up' } //comment out to see alert show up }); $dialog.dialog('open');- «Prev
- Next »
Moderate user : johntrepreneur
