Wrong styling if using ul inside accordion about metro-ui-css

[fplanjer]

Hi,

Please take a look at the ultest.png file. The styling of
the first-level li items in the accordion is different from the styling of
the first-level li items without the accordion.
[image: Inline image 2]
I included the source (ultest.html) also.

regards, Felix

On Sun, Nov 11, 2012 at 2:32 PM, Sergey Pimenov [email protected]:

        <ul class="accordion" data-role="accordion">
            <li class="active">
                <a href="#">Frame1</a>
                <div>
                    <h1>Frame1</h1>
                    <ul>
                        <li>list 1</li>
                        <li>list 2</li>
                        <li>list 3
                            <ul>
                                <li>list 3.1</li>
                                <li>list 3.2</li>
                                <li>list 3.3</li>
                            </ul>
                        </li>
                        <li>list 4</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">Frame 2</a>
                <div>
                    <h1>Frame 2</h1>
                </div>
            </li>
        </ul>

this work correctly !

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/43#issuecomment-10266728.

[githubjeka]

Заметил, что если использовать div внутри основного div:

<ul class="accordion" data-role="accordion">
    <li>        
        <a href="#"> TEST1</a>
        <div style="overflow: hidden; display: none;">
            <div class="input-control select">
                <?php echo $form->labelEx($model, 'name_sector'); ?>
                <?php echo $form->textField($model, 'name_sector'); ?>
                <?php echo $form->error($model, 'name_sector'); ?>
            </div>
        </div>
    </li>
    <li>
        <a href="#">TEST2 </a>
        <div style="overflow: hidden; display: none;">
            <div class="input-control select">
                <?php echo $form->labelEx($model, 'view_pipeline'); ?>
                <?php echo $form->dropDownList($model, 'view_pipeline');?>
                <?php echo $form->error($model, 'view_pipeline'); ?>
            </div>
         </div>
    </li>
</ul>

То после раскрытия первого, затем раскрытия второго(происходит автосворачивание первого) и опять раскрытия первого (при этом происходит автоматическое закрытие второго) блока, исчезает содержимое блоков т.к. всем наследникам div приписывается style="overflow: hidden; display: none; . Решил проблему заменой divов на тег p. Тестировалось в Chrome, IE под Win.

[olton]

Теперь можно использовать div внутри основного div

Now you can use div in main div