Управление размерами autocomplete ui widget в Drupal

Попался мне UI баг, когда autocomplete слой с результатами поиска оказывался больше по ширине, чем input элемент, к которому он был прикреплен.

Не ясен был алгоритм, по которому вычислялась ширина слоя. В одних случаях это происходило корректно, а в других нет.

Пришлось копнуть в исходники jquery_ui_autocomplete, который в моём проекте поставлялся с помощью drupal модуля jquery_ui.

Как оказалось ширина слоя выбирается как максимум между шириной input элемента, к которому прикреплен виджет, и (неожиданно) шириной списка с подсказками автодополнения.

Логика, видимо, в том, что ширина не должна быть меньше поля ввода, но если подсказки шире поля ввода — то и сам слой со списком должен быть шире.

К счастью, архитектура UI виджетов предоставляет механизм перезаписи части методов. Потому, я выполнил переопределение данной функции, исправив логику вычисления ширины на ту, что мне требовалась.

Если вы нуждаетесь в решении этой проблемы в контексте drupal (9/10) проекта, то код следует оформить в виде библиотеки:

Останется только подключить библиотеку в вашей теме.

Мало букафф? Читайте есчо !

Получение и рендеринг списка дочерних терминов в Drupal

Апрель 27, 2023 г.

Небольшой примера кода для работы с таксономией в Drupal 10. Мы запросим дерево дочерних терминов и произведем их рендеринг. Для начала загрузим какой-либо термин [crayon-6895914fb7ff5658846773/] Следующий шаг - получение дочерних элементов ...

Читать

Форма поиска товаров на Drupal

Май 11, 2023 г.

Здесь подробно рассмотрим небольшую задачу для сайта под управлением CMS Drupal. Требуется выводить поисковую форму для товаров в виде блока. Форма ...

Читать

Убрать мета тег Generator

Май 17, 2023 г.

Выпиливаем мета-тег Generator из заголовочной секции сайта на Drupal. За одно и пару других лишних мета маркеров. Для этого используем hook_page_attachments_alter в теме оформления сайта. 'Generator' в списке мета информации идет под именем system_meta_generator. ...

Читать

Транслитерация имени файла при создании медиа entity программно в Drupal

Май 21, 2023 г.

При импорте изображений возникает задача транслитерации. Картинки, например, могут содержать буквы национальной кодировки (кириллицы) и/или иметь несовместимые с файловой системой сервера символы. Drupal (начиная с 8.2) объявляет специальный интерфейс, ...

Читать
 

Комментарии к «Управление размерами autocomplete ui widget в Drupal»

Понравилась статья? Есть вопросы? - пишите в комментариях.



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