Selectbox отображает свои параметры над управлением selectbox при наведении на него мыши

Question

При наведении курсора на мое поле выбора оно отображает параметры над элементом управления «окно выбора» при наведении на него. Это должно отображать параметры ниже поля выбора в качестве параметров по умолчанию. Когда выбран параметр, окно выбора должно закрываться, но оно закрывается только наПодведите курсор к изображению, которое прикреплено ниже. Опции, отображаемые над окном выбора, и поле выбора скрываются за ними

Выберите уровень GradePrimaryGCSEA

css

.quick-links__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.select_box {
    cursor: pointer;
    position: relative;
    width: auto;
}
.quick-links__item .select_box .form-control > option {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: capitalize;
    padding: 5px 10px;
}

 $('select#search_select').hover(function(){
    var count = $(this).children().length;
    $(this).attr('size', count);

},function(){
    $(this).removeAttr('size');

});