title: Tippy.js is not on top of Flickity slides
body: <p>[![enter image description here][1]][1]
  The first image is as it is in my project, it is not on the slide elements. It gets cut off by the div, I believe that flickity has to do with it.</p>
  <p>Flickit Docs:<a href="https://flickity.metafizzy.co/" rel="nofollow noreferrer">https://flickity.metafizzy.co/</a></p>
  <p>[![enter image description here][2]][2]
  Here's another case where I put the tippy, not on a slide, and it displays the information correctly</p>
  <p>Tippy.js Docs:<a href="https://atomiks.github.io/tippyjs/" rel="nofollow noreferrer">https://atomiks.github.io/tippyjs/</a></p>
  <p>What I've tried to do:
  I tried to set the position of tippy.js elements with absolute to be on top of flickity, but for some reason this doesn't work. And he continues with the tooltip under the box.</p>
  <p>How could I solve this?
  Code:</p>
  <pre><code>&lt;style&gt;
      .carousel {
    background: #EEE;
  }
  
  .carousel-cell {
    width: 28%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: carousel-cell;
  }
  
  .carousel-cell.is-selected {
    background: #ED2;
  }
  
  /* cell number */
  .carousel-cell:before {
    display: block;
    text-align: center;
    content: counter(carousel-cell);
    line-height: 200px;
    font-size: 80px;
    color: white;
  }
  &lt;/style&gt;
  &lt;div  id=&quot;lancamentosCarousel&quot; class=&quot;recommended&quot;  &gt;
      &lt;div id=&quot;lancamentos&quot; class=&quot;box&quot;&gt;
          &lt;div class=&quot;head&quot;&gt;
              &lt;a href=&quot;#&quot; onclick=&quot;toggleTorrents(0); return false;&quot;&gt;&lt;strong&gt;Últimos torrents lançados&lt;/strong&gt;&lt;/a&gt;
              | &lt;a href=&quot;#&quot; onclick=&quot;toggleTorrents(1); return false;&quot;&gt;&lt;strong&gt;Últimos filmes&lt;/strong&gt;&lt;/a&gt;
              | &lt;a href=&quot;#&quot; onclick=&quot;toggleTorrents(2); return false;&quot;&gt;&lt;strong&gt;Últimas séries&lt;/strong&gt;&lt;/a&gt;
              &lt;span style=&quot;float: right;&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;toggleAll(); return false;&quot; &gt;Toggle&lt;/a&gt;&lt;/span&gt;
          &lt;/div&gt;
                  &lt;!-- Flickity HTML init --&gt;
          &lt;div class=&quot;carousel&quot;&gt;
              &lt;div class=&quot;hidden&quot; id=&quot;tooltip_10033&quot;&gt;
                  &lt;div class=&quot;movie-tooltip__title-row&quot;&gt;
                      &lt;a class=&quot;movie-tooltip__title&quot; href=&quot;torrents.php?id=10033&quot;&gt;
                          Final Exam          &lt;/a&gt;
                      &lt;span class=&quot;movie-tooltip__year&quot;&gt;[1981]
                      &lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;movie-tooltip__director-list&quot;&gt;por 
                      &lt;a class=&quot;movie-tooltip__director&quot; href=&quot;https://www.imdb.com/find?q=Jimmy Huston&quot;&gt;Jimmy Huston         &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;movie-tooltip__ratings&quot;&gt;
                      &lt;div class=&quot;movie-tooltip__rating-container&quot;&gt;
                          &lt;span class=&quot;cover-movie-list__movie__rating&quot;&gt;
                              &lt;a target=&quot;_blank&quot; href=&quot;http://www.imdb.com/title/
                                  tt0082378/&quot; rel=&quot;noreferrer&quot;&gt;IMDb
                              &lt;/a&gt;: 
                              4.7             &lt;/span&gt;
                          &lt;span class=&quot;cover-movie-list__movie__rating&quot;&gt;
                              &lt;a target=&quot;_blank&quot;&gt;Votos TMDb
                              &lt;/a&gt;: 
                              48              &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;movie-tooltip__tags tagstooltip&quot;&gt;
                                  &lt;a id=&quot;urlTorrent&quot; href=&quot;torrents.php?taglist=
                          horror&quot; class=&quot;movie-tooltip__tag&quot;&gt;
                          horror          &lt;/a&gt;
                              
                                  &lt;a id=&quot;urlTorrent&quot; href=&quot;torrents.php?taglist=
                          thriller&quot; class=&quot;movie-tooltip__tag&quot;&gt;
                          thriller            &lt;/a&gt;
                              
                              &lt;/div&gt;
                          &lt;div class=&quot;movie-tooltip__trailer&quot; onclick=&quot;youtubeShowPopup('tA4niBgNOWE',true);&quot;&gt;
                      &lt;img class=&quot;movie-tooltip__trailer__image&quot; src=&quot;https://img.youtube.com/vi/tA4niBgNOWE/default.jpg&quot;&gt;
                          &lt;img class=&quot;movie-tooltip__trailer__play&quot; src=&quot;static/common/symbols/play.png&quot;&gt;
                  &lt;/div&gt;
                          &lt;div class=&quot;movie-tooltip__synopsis&quot;&gt;
                      &lt;p style=&quot;padding-top: 10px&quot;&gt;&lt;strong&gt;Sinopse: &lt;/strong&gt;Em &quot;A Hora das Sombras - Exame Final&quot;, um psicopata desconhecido invade os jardins da universidade e, com sua insaciável sede de destruição, mata violentamente pessoas inocentes. A tranqüilidade do campus acabou com a sua chegada. Agora o pânico tomou conta dos jovens estudantes.&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;movie-tooltip__torrents&quot;&gt;
                      &lt;div style=&quot;padding-top: 10px&quot;&gt;
                          &lt;strong&gt;Formato&lt;/strong&gt;: MKV           &lt;/div&gt;
                      &lt;div&gt;
                          &lt;strong&gt;Qualidade&lt;/strong&gt;: BRRip           &lt;/div&gt;
                      &lt;div&gt;
                          &lt;strong&gt;Tamanho&lt;/strong&gt;: 4 GB          &lt;/div&gt;
                              &lt;/div&gt;
                  &lt;div class=&quot;movie-tooltip__action-row&quot;&gt;
                      &lt;span class=&quot;movie-tooltip__bookmark&quot;&gt;
                          &lt;a href=&quot;#&quot; onclick=&quot;Bookmark('torrent', 10033, 'Remover Favorito'); return false;&quot;&gt;Favoritar&lt;/a&gt;
                      &lt;/span&gt;
              &lt;/div&gt;
      &lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot; id=&quot;torrentid_10033&quot;&gt;
                        &lt;script&gt;
                        var template_10033 = document.getElementById('tooltip_10033');
                        tippy('#torrentid_10033', {
                          content:  template_10033.innerHTML,
                          arrow: true,
                          placement: 'right',
                          interactive: true,
                          allowHTML: true,
                        });
                      &lt;/script&gt;   
            &lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;carousel-cell&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>O problema estava no overflow.</p>