mSearch2: ajax подгрузка результатов

Здравствуйте!

Кто-нибудь сталкивался с такой проблемой что при использовании сниппета mSearchForm из-за абсолютного позиционирования список результатов улетал в верхний левый угол браузера? Как с этим быть?

Заранее большое спасибо!
Павлик
Павлик
30 января 2018, 08:50
modx.pro
2 198
0

Комментарии: 6

Сергей Водолагин
Сергей Водолагин
30 января 2018, 15:59
0
Привет, тегу form по классу или id добавь position: relative вот так например:
<form class="msearch2" id="mse2_form">
   ...
</form>

.msearch2 {
    position: relative;
}
    Павлик
    Павлик
    30 января 2018, 17:25
    0
    К сожалению это не помогает.
      Сергей Водолагин
      Сергей Водолагин
      30 января 2018, 17:37
      0
      Ссылку дай посмотрю точней
      можно ещё сам выпадающий список подогнать
      .класс твоего ul  {
    position: fixed;
    top: 50px;
    left: auto;
    right: 10px;
}
        Павлик
        Павлик
        31 января 2018, 11:38
        0
        Можно конечно и так но это не совсем подходит для адаптивного дизайна. Там как я понял основная проблема в том что этот ajax-список почему-то вставляется последним элементом на страницу и соответственно чтобы он не был внизу страницы его при помощи абсолюта поднимают наверх.
    Павлик
    Павлик
    05 февраля 2018, 19:09
    0
    Ура! Я во всем разобрался!

    Причина проблемы: работа этого списка реализована при помощи библиотеки jQuery UI (виджет Autocomplete). Этот виджет создает список которому присваивает кучу классов на один из которых (.ui-autocomplete) вешает css-свойство position:absolute. Если использовать чисто jQuery UI (вне компонента поиска) то виджет автоматически добавляет к списку инлайновые стили top и left чтобы расположить список под полем ввода. Но в компоненте от Василия Безумкина это не работает: абсолютное позиционирование включается а вот инлайновые стили top и left почему-то не формируются.

    Решение: нужно скачать самостоятельно на сайт последнюю версию библиотеки jQuery UI и далее в файлах компонента указать ссылки на новые файлы.
      Евгений Дубровин
      Евгений Дубровин
      10 октября 2023, 11:50
      0
      Доброго времени!
      А не подскажете где можно взять информацию о том, как сделать ajax подгрузку результатов поиска?
      Вроде много кому должно было понадобиться, но пока не нашел ничего по этой теме.
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        6