Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Accordion bug #164

Closed
cvanhasselt opened this Issue · 7 comments

4 participants

@cvanhasselt

Working with jQuery accordion code, I cam across a CSS bug with sortable accordions in both IE and Chrome. The triangle toggle to unfold an accordion section is overwriting the section title text. I fixed this for my purposes in the jquery-ui-1.10.0.custom.css file as follows, changing from ...

.ui-accordion .ui-accordion-header a {

display: block;
font-size: 1em;
padding: .5em .5em .5em 1.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}

... to this ...

.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header {

display: block;
font-size: 1em;
padding: .5em .5em .5em 1.7em;
}
.ui-accordion-icons .ui-accordion-header a, .ui-accordion .ui-accordion-header {
padding-left: 2.2em;
}

Happy to provide screenshots if you want, and specific code of what I was doing. This worked for me, but perhaps should be incorporated in upcoming build.

@gtraxx
Owner

Hi :) I'll check
Thank you for your contribution

@Heliosmaster

I can't reproduce the problem.

This is now my accordion function in ./assets/js/demo.js (which is the js that shows up in the demo of the project)

$("#menu-collapse")
        .accordion({
            header: "h3"    
        })
        .sortable({
            axis: "y",
            handle: "h3",
            stop: function( event, ui ) {
              // IE doesn't register the blur when sorting
              // so trigger focusout handlers to remove .ui-state-focus
              ui.item.children( "h3" ).triggerHandler( "focusout" );
            }
        });

and I don't see the overlap:

Selection_002

From chrome:version

Google Chrome 27.0.1453.12 (Official Build 191631) dev

@cvanhasselt
@gtraxx
Owner

Hi,
Do you have a screenshot?

@gtraxx
Owner

You use the latest version from repository ?
I can not reproduce the bug with chrome :)

@gtraxx gtraxx was assigned
@rock-weld

I had the same problem with Chrome.
The fix worked for me. Thanks

@gtraxx
Owner

The bug is fixed ?

@gtraxx gtraxx closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.