Transition: Element is no longer attached to DOM. Unable to animate.

I’m unable to make a popup appear when hovering on an item. I’m trying to mimic the second demo of the menu collection.

Here is my code: (Using Jade)

nav
      .ui.text.menu
        .item
          img(src='images/new-school.jpg')
        a.browse.item Browse Courses
          i.material-icons arrow_drop_down
      .ui.special.popup
        .ui.three.column.relaxed.divided.grid
          .column
            h4.ui.header Business
            .ui.link.list
              a.item Design & Urban Ecologies
              a.item Fashion Design
              a.item Fine Art
              a.item Strategic Design
          .column
            h4.ui.header Liberal Arts
            .ui.link.list
              a.item Anthropology
              a.item Economics
              a.item Media Studies
              a.item Philosophy
          .column
            h4.ui.header Social Sciences
            .ui.link.list
              a.item Food Studies
              a.item Journalism
              a.item Non Profit Management

var initialize = {
  popup: function() {
    $('nav .menu .browse').popup({
      popup: '.special.popup',
      inline: true
    });
  }
}
initialize.popup();

And I’m getting this in the console: semantic.min.js:17 Transition: Element is no longer attached to DOM. Unable to animate. scale in AtDhVaAnNkCsE

[lukesnowden]

Occurs when transition.css is not being loaded in

[swordling]

I was able to fix it. It turns out you cannot use the ‘Amazon’ theme under the transitions variable in the themes.config file. Changing that back to default fixed it.