materialize: Dropdown in doesn't work

I have a dropdown-button inside a <td> and the <ul> element right beneath it. When clicking or hovering on the button, the list does not appear. It seems that the button still gets the class active as if it was open but the menu is not visible.

I am using the example straight from http://materializecss.com/dropdown.html but within a table cell.

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 20 (1 by maintainers)

Most upvoted comments

a workaround :

<td style="position: absolute">
    <a materialize="dropdown" class='dropdown-button'
       data-constrainWidth="false" data-belowOrigin="true"
       [attr.data-activates]="'id">
        <i class="material-icons" title="actions">more_vert</i>
    </a>

    <ul [id]="'id" class='dropdown-content'>
        <li>
            <a >Voir le profil</a>
        </li>

</td>

RadouaneRoufid on Jul 3, 2018