выпадающее меню не появляется под ссылкой - PullRequest
Новая
       27

выпадающее меню не появляется под ссылкой

0 голосов
/ 14 октября 2019

У меня есть три точки на карточке задачи, чтобы открыть раскрывающееся меню 

<div>      
 <h5><input type="checkbox" style="margin-right:10px">{{$task->item}}<div class="dropdown-container"><a class="drop-down" data-toggle="dropdown" aria-expanded="true"><i class="icon-ellipsis-vertical"></i></a>
    <ul class="dropdown-menu" role="menu" >
    <li><a href="#">Add other</a></li>
    <li><a href="#">delete task</a> </li>
    <li><a href="#">edit task</a> </li>
</ul>
</div>
</h5><br>
  </div>
 <p>Click Save to keep a list of colors you like and want to work with</p>

</div>

Меню появляется в начале элемента div, а не под ссылкой, которую я пытался поместить относительно родительского элемента div. и абсолютный для ребенка, но он не работает

введите описание изображения здесь

CSS 

.dropdown-menu{
    position: absolute !important;
}
.dropdown-container{
    position: relative !important;
}

1 Ответ

0 голосов
/ 14 октября 2019

привет, добро пожаловать в stackoverflow. Так как здесь нет демонстрации, будет немного сложно ответить на вопрос. И, честно говоря, это будет процесс проб и ошибок, поскольку я ничего не знаю о вашей версии начальной загрузки или CSS или любых других пользовательских стилях, которые вы, возможно, применили. Для начала попробуйте использовать position:relative на dropdown-container

...