Typeahead append element to div with id #4231
Conversation
| @@ -419,6 +421,8 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap | |||
|
|
|||
| if (appendToBody) { | |||
| $document.find('body').append($popup); | |||
| } else if(appendToElementId !== false) { | |||
| $document.find('#' + appendToElementId).append($popup); | |||
There was a problem hiding this comment.
It should be noted that this library does not have a dependency on jQuery, so this would fail with purely jqLite.
There was a problem hiding this comment.
One workaround here is to do $document[0].getElementById(appendToElementId)
|
What is the use case for such a feature? This sounds like it would be bad for accessibility. |
|
I need the results to be appended under the Popular Searches heading in this screen shot. My solution was to append the popup to the div using typeahead-append-to-element-id.
|
|
The test needs to be fixed. |
|
Ahh, I know why it fails the test - the element doesn't exist on the DOM - in the test, just do |
I'd like to add this feature so that the typeahead popup can be appended to another div. This works on my site, however I can't get the test to pass. I can see the popup get appended inside typeahead.js when I put in log statements. However, the popup doesn't display when text is entered into the input field. Suggestions?