Как разместить kartik typeahead над текстовым вводом

Question

Как разместить typehhead результаты над текстом ввода? Лучше для меня было бы добавить этот виджет или, может быть, какое-то правило css?

Answer 1

В данный момент я, наконец, использовал jQuery решение в render событие виджета typeahead, изменяя css margin-top после каждого рендера. Вот код:

echo Typeahead::widget([ 
//(...) 
    'pluginEvents' => [ 
     'typeahead:render' => 'function(event,ui) { 

      var ttMenu = $("#search-main .tt-menu").first(); 
      var ttMenuHeight; 

      if($(ttMenu).hasClass("tt-open")) { 
       ttMenuHeight = -$(ttMenu).height(); 
       $(ttMenu).css("margin-top", ttMenuHeight - 70); 
      } 
     }', 
    ], 
//(...) 
]); 

'#search-main .tt-menu' мой селектор для машинописного ввода, и это «70» является высотой этого входа, поэтому обязательно замените его на своем собственном.

Надеюсь, это поможет.