Dropdown materialize out of html border

0

Hello everyone, I have the following js code.

(function($) {
    $(function() {

$('.dropdown-button').dropdown({
  inDuration: 200,
  outDuration: 215,
  hover: false, // Ativa o hover
  belowOrigin: true, // Mostra o dropdown abaixo do botão
  alignment: 'left' // Alinha o dropdow à esquerda do botão
}
);

And this is my html code to trigger the dropdown.

<ul class="right hide-on-med-and-down">
        <li><a href="javascript:void(0);" class="waves-effect waves-
            block waves-light dropdown-button" data-
            activates="profile-dropdown">
            <i class="material-icons">account_circle</i>
        </a></li>
</ul>

What happens is that when I press to reveal the dropdown, it drops outside the HTML margin. It's the first time I write here on the stack. If something is wrong I'm sorry

    
asked by anonymous 12.01.2018 / 20:37

0 answers