Browse Source

Working on solve for IE11 dropdown issues, adding test case

beta
jlukic 11 years ago
parent
commit
d772cd85c4
  1. 42
      server/documents/test.html
  2. 14
      src/modules/dropdown.js
  3. 6
      src/modules/transition.less

42
server/documents/test.html

@ -1,42 +0,0 @@
<script src="/build/uncompressed/modules/behavior/form.js"></script>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function () {
$('.signup')
.form({
countryNumber: {
identifier: 'somefield',
rules: [{
type: 'contains[+]',
prompt: 'This errors out'
}]
}
}, {
inline: true
});
});
</script>
<style>
.main.container {
padding-top: 200px;
}
</style>
<div class="main container">
<div class="ui form segment signup">
<div class="field">
<label>Something with an +</label>
<div class="ui left labeled icon input">
<input name="somefield" type="text" placeholder="insert something"> <i class="user icon"></i>
<div class="ui corner label"> <i class="icon asterisk"></i>
</div>
</div>
</div>
<div class="ui green submit button approve">Check</div>
</div>

14
src/modules/dropdown.js

@ -456,12 +456,14 @@ $.fn.dropdown = function(parameters) {
callback();
}
else if($.fn.transition !== undefined && $module.transition('is supported')) {
$currentMenu.transition({
animation : settings.transition + ' in',
duration : settings.duration,
complete : callback,
queue : false
});
$currentMenu
.transition({
animation : settings.transition + ' in',
duration : settings.duration,
complete : callback,
queue : false
})
;
}
else if(settings.transition == 'slide down') {
$currentMenu

6
src/modules/transition.less

@ -161,21 +161,15 @@
.ui.slide.down.transition.out {
animation-name: slideOut;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
.ui.slide.up.transition.in {
animation-name: slide;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
.ui.slide.up.transition.out {
animation-name: slideOut;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
@keyframes slide {

Loading…
Cancel
Save