#15225 closed bug (notabug)

Accordion header remains focused after collapse

Reported by: ledzeppln Owned by:
Priority: minor Milestone: none
Component: ui.accordion Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by ledzeppln)

If I create an accordion with the collapsible option set to true, the head panel remains in a focused state after collapse and the mouse pointer moves away.

    <!-- Accordion -->
    <h2 class="demoHeaders">Accordion</h2>
    <div id="accordion">
        <h3>First</h3>
        <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        <h3>Second</h3>
        <div>Phasellus mattis tincidunt nibh.</div>
        <h3>Third</h3>
        <div>Nam dui erat, auctor a, dignissim quis.</div>
    </div>
    <script type="text/javascript">
        $("#accordion").accordion({
            active: false,
            collapsible: true
        });
    </script>

Though it isn't obvious given the base styling, it can be very obvious based on a custom theme. http://jsfiddle.net/othczLL6/1/

Change History (3)

comment:1 Changed 22 months ago by ledzeppln

Description: modified (diff)

comment:2 Changed 22 months ago by ledzeppln

Description: modified (diff)

comment:3 Changed 22 months ago by Scott González

Component: ui.coreui.accordion
Resolution: notabug
Status: newclosed

Correct, because it's still focused even if the mouse moves away. Moving the mouse never moves focus.

Note: See TracTickets for help on using tickets.