data-move-effect='none' causes display:none on element

gabriel.schervish's Avatar

gabriel.schervish

14 Dec, 2012 05:15 PM

Here is my code:

<div class="rsContent">
    <img class="rsImg" src="/wp-content/themes/twentyeleven/img/innovation/timeline/1999.jpg"/>
    <div class="rsABlock white" data-move-effect='none'>BLOCK CONTENT</div>
    <span class="rsTmb timelinethumb ">1999</span>
  </div>

I also have my JS telling it to have no move-effect.

block:{
      //animiated block options go here
      fadeEffect: false,
      moveEffect: 'none'
    }

The issue is that using data-move-effect='none' renders the text invisible. Changing

<div class="rsABlock white" data-move-effect='none'>BLOCK CONTENT</div>

to

<div class="rsABlock white" data-move-effect="none" style="display: none; -webkit-transition: 0ms;">BLOCK CONTENT</div>

I just want the text to render above my image without animating. Is this a bug or am I doing something wrong.

As soon as I change it to data-move-effect='top' it will animate and text is visible.

  1. Support Staff 1 Posted by Dmytro Semenov on 14 Dec, 2012 11:59 PM

    Dmytro Semenov's Avatar

    Hello,

    If you don't wish block to be animated just don't add rsABlock class to it.

    But thanks, I'll fix that, it's not by design.

    Dmitry

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac