WebSlides icon indicating copy to clipboard operation
WebSlides copied to clipboard

Animated background gets lost if article has vertical class

Open pwa-tapptic opened this issue 2 years ago • 0 comments

Hello guys! I encountered strange issue with animated background. Here are my slides:

<section>
  <div class="wrap">
    <h1>Simple stuff</h1>
  </div>
</section>
<section class="bg-blue">
  <span class="background anim dark" style="background-image:url('https://source.unsplash.com/DIp71kvwXhU/')"></span>
  <div class="wrap">
    <h1>Glitches...</h1>
  </div>
</section>
<section>
  <div class="wrap">
    <h1>Simple stuff</h1>
  </div>
</section>

There are strange glitches on my animated slide when I scroll vertically down (so if my article looks like <article id="webslides" class="vertical"> and I move from top to bottom). Everything works fine when I scroll up and my animated slide is a previous one. It also works fine if my article does not contain vertical class. I checked on different browsers (Safari, Brave, Chrome), but the glitches are the same.

BTW Thanks for this awesome tool, I hope it will be still maintained and developed!

pwa-tapptic avatar Sep 09 '22 10:09 pwa-tapptic