Semantic-ui: Trying to use search leads to: "Transition: Element is no longer attached to DOM."

Created on 22 Dec 2016 · 3Comments · Source: Semantic-Org/Semantic-UI

Just copy pasted the example into my own page... I don't get why this error pops up... Can somebody give me a hint?

<div class="ui search">
        <div class="ui icon input">
            <input class="prompt" type="text" placeholder="Search pages...">
            <i class="search icon"></i>
        </div>
        <div class="results"></div>
    </div>

$('.ui.search')
        .search({
            apiSettings: {
                url: '/api/search?q={query}'
            },
            minCharacters: 3
        });

Transition: Element is no longer attached to DOM. Unable to animate.  Use silent setting to surpress this warning in production. scale in <div class="results"><a class="result" href="/de/list">…</a></div>
error @ semantic.min.js:18
animate @ semantic.min.js:18
initialize @ semantic.min.js:18
(anonymous) @ semantic.min.js:18
each @ jquery.min.js:2
each @ jquery.min.js:2
e.fn.transition @ semantic.min.js:18
showResults @  #semantic.min.js:16
addResults @ semantic.min.js:16
response @ semantic.min.js:16
onSuccess @ semantic.min.js:16
done @ semantic.min.js:18
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
(anonymous) @ semantic.min.js:18

Semantic UI - 2.2.7
jQuery v3.1.1

jQuery is loaded, semantic.js is loaded, the ajax requests provides the correct formatted results... I just don't get what I possibly could have done wrong :-/

The stupid thing is, that it works in a copy of an example html from the examples directory...

Source

mk-conn

Most helpful comment

Uff... found it. I build the semantic.css myself and just forgot to import the transitions module 👎 ... The error message was kinda irritating me, just thought something with the DOM was wrong all the time.

mk-conn on 22 Dec 2016

👍7