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