Typeahead удаляет верхний отступ и ширину из поля ввода - PullRequest
Новая
       9

Typeahead удаляет верхний отступ и ширину из поля ввода

0 голосов
/ 30 августа 2018

Я использую Framework7 с jQuery и начальной загрузкой 

<form class="searchbar">
    <div class="searchbar-inner">
        <div class="searchbar-input-wrap">
            <input type="search" placeholder="Search Medicines" id="ahead_search">
            <i class="searchbar-icon"></i>
            <span class="input-clear-button"></span>
        </div>
        <span class="searchbar-disable-button">Cancel</span>
    </div>
</form>

Теперь в app.js всякий раз, когда я выбираю элемент (пробовал методы noConflict и $) 

jQuery("#ahead_search").typeahead({....});

Внешний вид / ощущения / интерфейс / CSS / IDK, что меняется в этом поле ввода

Я включу изображения, чтобы показать проблему

Перед выбором:

image

После выбора:

image

Это происходит не только в framework7, но почти во всех случаях.

1 Ответ

0 голосов
/ 30 августа 2018

Обновление: Благодаря комментарию C14L я смог это исправить. Очевидно, что Twitter Typeahead использовал jquery для добавления некоторых классов к некоторым элементам, а также использует встроенный стиль для них Это встроенный стиль, который переопределяется темой CSS. нам просто нужна строка в jQuery, чтобы предотвратить это. Итак, после инициализации typeahead, Просто напишите это

jQuery('.twitter-typeahead').attr("style", "");
Это сбросит атрибут стиля и вернет поле ввода к его оригиналу.

...