Opened 6 years ago

Closed 3 years ago

#17506 closed defect (worksforme)

dojo/fx wipeIn removes height

Reported by: dojonovice@… Owned by:
Priority: undecided Milestone: 1.11
Component: fx Version: 1.9.1
Keywords: Cc:
Blocked By: Blocking:

Description

When I use wipeIn() method, original height is removed. Is somethig wrong in my code or is it bug?

.effects {

background-color: bisque; width : 100px; height : 40px; margin-bottom : 12px; display : block;

}

<button id="wipeOutButton">Wipe block out</button> <button id="wipeInButton">Wipe block in</button>

<div class="effects">Block 1</div> <div class="effects">Block 2</div> <div class="effects">Block 3</div> <div class="effects">Block 4</div>

<script>

require(["dojo/ready", "dojo/fx", "dojo/on",

"dojo/query"], function(ready, fx, on, query) { ready(function() {

var wipeOutButton = query("#wipeOutButton")[0]; var wipeInButton = query("#wipeInButton")[0]; var wipeTarget = query(".effects");

on(wipeOutButton, "click", function(evt) {

wipeTarget.forEach(function(node) {

fx.wipeOut({

node: node

}).play();

});

});

on(wipeInButton, "click", function(evt) {

wipeTarget.forEach(function(node) {

fx.wipeIn({

node: node

}).play();

});

});

});

});

</script>

Change History (1)

comment:1 Changed 3 years ago by dylan

Milestone: tbd1.11
Resolution: worksforme
Status: newclosed

Support questions like these tend to get lost in a sea of open bugs. If you still have this question, please ask on the mailing list or in IRC ( https://dojotoolkit.org/community/ ). I'm closing this as worksforme, but if it turns out there's a bug after confirmation with others, please re-open. Thanks!

Note: See TracTickets for help on using tickets.