Bug in Fx.Slide with forms
Reported by PiXL | August 20th, 2008 @ 03:40 PM | in 1.3.0
Hi,
i tried to get this code running:
<html>
<head>
<title>Test - Mootools Fx.Slide with forms</title>
<script type="text/javascript" src="js/mootools-1.2-core-yc.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more.js"></script>
<meta content="">
<style></style>
<script type="text/javascript">
window.addEvent('domready', function() {
$$('.toggleWrp').each( function(el){
var slider = new Fx.Slide(el.getElement('.toggleForm'));
slider.hide();
el.getElement('.toggleButton').addEvent('click', function(e){
e = new Event(e);
slider.toggle();
e.stop();
});
});
});
</script>
</head>
<body>
<div class="toggleWrp">
<a href="#" class="toggleButton">toggel</a>
<div class="toggleForm">
Die Toggel Form: <br>
<form>
<input type="text" value="value1" name="Name1" id="id1">
<input type="text" value="value2" name="Name2" id="id2">
</form>
</div>
</div>
</body>
</html>
But in IE and Firefox, the form elements (input fields and textareas) are moveing over the rest of the page.
Thanks a lot. Dirk
Comments and changes to this ticket
-
Jan Kassens August 20th, 2008 @ 04:52 PM
- → State changed from “new” to “invalid”
This is a known issue and can't be fixed. You need to hide the form elements by hand before or after the animation or use some other tricks (see: iframe shim)
Please Login or create a free account to add a new comment.
You can update this ticket by sending an email to from your email client. (help)
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile »
