[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Thanks very much for your reply, Olaf. I tried removing the 0.625em of padding from the top and bottom and it doesn't help at all. See it in action here: http://69.59.182.148:4080/test/07132009/html-scaffolding/advanced-search.html On Jul 11, 1:15 pm, Olaf Bosch olaf.bo...@t-online.de wrote: Bill schrieb: I'm seeing some weird behavior with the slideUp() andslideDown() functions inIE6, 7, and 8. You have the padding top/bottom change in adv*_search.css line 328 ff. padding-top: 0.625em; padding-bottom: 0.625em; to: padding-top: 0; padding-bottom: 0; then better? -- Viele Grüße, Olaf --- olaf.bo...@t-online.dehttp://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/ ---
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Thanks again for looking at this.
The padding still exists in all browsers except IE 6, 7, and 8,
because those are the only ones exhibiting the issue. A conditional IE-
only stylesheet applies the following style:
.advanced-search #smart-filters li .added-criteria UL LI {
padding: 0;
}
(ie.css, line 193)
On Jul 13, 11:24 am, Olaf Bosch olaf.bo...@t-online.de wrote:
Bill schrieb:
Thanks very much for your reply, Olaf.
I tried removing the 0.625em of padding from the top and bottom and
it doesn't help at all. See it in action here:
http://69.59.182.148:4080/test/07132009/html-scaffolding/advanced-sea...
Hm, i see the padding is ON???
Going Screens here? Then see attachment
You must delete all paddings on TOP and BOTTOM on elements for
slideUp(), slideDown() and in this elements.
li.apply also
--
Viele Grüße, Olaf
---
olaf.bo...@t-online.dehttp://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/
---
screen_13.07.2009-20.16.40.png
72KViewDownload
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Bill schrieb: The padding still exists in all browsers except IE 6, 7, and 8, because those are the only ones exhibiting the issue. A conditional IE- only stylesheet applies the following style: Ah, sorry, i look not to deep in your Code ;) I played now direct in IE with webdeveloper-tools, i think the Problem is with your positionierte (sorry i can't english) elements in LI, you have class=remove-criterion position: absolute; try to float:right; and see what going on. sorry, thats all from me, i know no more P.S. in IE8 looks all good for me, IE7 (emuliert) and IE6 (standalone) is animate bad... -- Viele Grüße, Olaf --- olaf.bo...@t-online.de http://olaf-bosch.de/ http://ohorn.info/ http://www.akitafreund.de/ ---
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Bill schrieb: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. You have the padding top/bottom change in adv*_search.css line 328 ff. padding-top: 0.625em; padding-bottom: 0.625em; to: padding-top: 0; padding-bottom: 0; then better? -- Viele Grüße, Olaf --- olaf.bo...@t-online.de http://olaf-bosch.de/ http://ohorn.info/ http://www.akitafreund.de/ ---
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Any ideas on this one? I've struggled with this for hours now. On Jul 8, 8:43 am, Bill bllfr...@gmail.com wrote: OK, I gave it a try but the problem persists. The animation works perfectly on all other browsers and I'd really like to keep it because it provides important (maybe essential) feedback to the user. However, since (inexplicably) most of our clients use IE only, this animation problem is a deal breaker. Any other tips/tricks/magic spells out there? On Jul 8, 8:17 am, Bill bllfr...@gmail.com wrote: Thanks Leonardo, I'll try that now. On Jul 8, 5:52 am, Leonardo K leo...@gmail.com wrote: I'm trying to guess here. I believe the problem is the padding of the element you are sliding. Try to remove the padding from li and add to the div inside. I know jQuery animate padding as well but in the IE is not smooth enough. On Tue, Jul 7, 2009 at 19:52, Bill bllfr...@gmail.com wrote: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-sea... Click on one of the checkboxes under the first grouping with the heading, Multi-Select Filter Name 1. A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally you can subtract elements from the control by clicking on the little x icons. Whenever addition/subtraction occurs, jQuery first calls the slideDown()/slideUp() function, and then deletes the actual HTML that was just shown/hidden. This animation is very smooth in all browsers that play according to the rules, but IE 6, 7, and 8 introduce some unique detritus into the animation that makes it appear jumpy. 1. The solid blue border at left turns white during the animation 2. A small white gap at the bottom of each added li element appears during the animation 3. The animation stops when it appears to be only half-way through, meaning it doesn't change the height from 32px to 0px continuously. Instead, it goes from 32 px to about 16px, and then straight to 0. 4. #3 seems to be worse when the x icon is clicked rather than unchecking the checkbox. I'm using jQuery v. 1.3.2. All my code is in the file jquery.smartfilter.js. I've read about issues like these in earlier versions of jQuery, but applying fixes similar to the ones described in those articles bore no fruit, which leads me to believe there's something wrong with my code. Any insight into what's happening here would be greatly, greatly appreciated. Regards, --Bill
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Is it possible that this is a bug in jQuery? From everything I've read, this same problem existed in earlier versions of jQuery, those less than 1.3. However, it persists in IE 6, 7, and 8, even using jQuery 1.3.2. I'll PayPal someone $20 if they can solve the issue and provide an explanation detailing 1) the issue and 2) how to avoid it. On Jul 9, 8:04 am, Bill bllfr...@gmail.com wrote: Any ideas on this one? I've struggled with this for hours now. On Jul 8, 8:43 am, Bill bllfr...@gmail.com wrote: OK, I gave it a try but the problem persists. The animation works perfectly on all other browsers and I'd really like to keep it because it provides important (maybe essential) feedback to the user. However, since (inexplicably) most of our clients use IE only, this animation problem is a deal breaker. Any other tips/tricks/magic spells out there? On Jul 8, 8:17 am, Bill bllfr...@gmail.com wrote: Thanks Leonardo, I'll try that now. On Jul 8, 5:52 am, Leonardo K leo...@gmail.com wrote: I'm trying to guess here. I believe the problem is the padding of the element you are sliding. Try to remove the padding from li and add to the div inside. I know jQuery animate padding as well but in the IE is not smooth enough. On Tue, Jul 7, 2009 at 19:52, Bill bllfr...@gmail.com wrote: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-sea... Click on one of the checkboxes under the first grouping with the heading, Multi-Select Filter Name 1. A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally you can subtract elements from the control by clicking on the little x icons. Whenever addition/subtraction occurs, jQuery first calls the slideDown()/slideUp() function, and then deletes the actual HTML that was just shown/hidden. This animation is very smooth in all browsers that play according to the rules, but IE 6, 7, and 8 introduce some unique detritus into the animation that makes it appear jumpy. 1. The solid blue border at left turns white during the animation 2. A small white gap at the bottom of each added li element appears during the animation 3. The animation stops when it appears to be only half-way through, meaning it doesn't change the height from 32px to 0px continuously. Instead, it goes from 32 px to about 16px, and then straight to 0. 4. #3 seems to be worse when the x icon is clicked rather than unchecking the checkbox. I'm using jQuery v. 1.3.2. All my code is in the file jquery.smartfilter.js. I've read about issues like these in earlier versions of jQuery, but applying fixes similar to the ones described in those articles bore no fruit, which leads me to believe there's something wrong with my code. Any insight into what's happening here would be greatly, greatly appreciated. Regards, --Bill
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
I'm trying to guess here. I believe the problem is the padding of the element you are sliding. Try to remove the padding from li and add to the div inside. I know jQuery animate padding as well but in the IE is not smooth enough. On Tue, Jul 7, 2009 at 19:52, Bill bllfr...@gmail.com wrote: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-search.html Click on one of the checkboxes under the first grouping with the heading, Multi-Select Filter Name 1. A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally you can subtract elements from the control by clicking on the little x icons. Whenever addition/subtraction occurs, jQuery first calls the slideDown()/slideUp() function, and then deletes the actual HTML that was just shown/hidden. This animation is very smooth in all browsers that play according to the rules, but IE 6, 7, and 8 introduce some unique detritus into the animation that makes it appear jumpy. 1. The solid blue border at left turns white during the animation 2. A small white gap at the bottom of each added li element appears during the animation 3. The animation stops when it appears to be only half-way through, meaning it doesn't change the height from 32px to 0px continuously. Instead, it goes from 32 px to about 16px, and then straight to 0. 4. #3 seems to be worse when the x icon is clicked rather than unchecking the checkbox. I'm using jQuery v. 1.3.2. All my code is in the file jquery.smartfilter.js. I've read about issues like these in earlier versions of jQuery, but applying fixes similar to the ones described in those articles bore no fruit, which leads me to believe there's something wrong with my code. Any insight into what's happening here would be greatly, greatly appreciated. Regards, --Bill
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
Thanks Leonardo, I'll try that now. On Jul 8, 5:52 am, Leonardo K leo...@gmail.com wrote: I'm trying to guess here. I believe the problem is the padding of the element you are sliding. Try to remove the padding from li and add to the div inside. I know jQuery animate padding as well but in the IE is not smooth enough. On Tue, Jul 7, 2009 at 19:52, Bill bllfr...@gmail.com wrote: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-sea... Click on one of the checkboxes under the first grouping with the heading, Multi-Select Filter Name 1. A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally you can subtract elements from the control by clicking on the little x icons. Whenever addition/subtraction occurs, jQuery first calls the slideDown()/slideUp() function, and then deletes the actual HTML that was just shown/hidden. This animation is very smooth in all browsers that play according to the rules, but IE 6, 7, and 8 introduce some unique detritus into the animation that makes it appear jumpy. 1. The solid blue border at left turns white during the animation 2. A small white gap at the bottom of each added li element appears during the animation 3. The animation stops when it appears to be only half-way through, meaning it doesn't change the height from 32px to 0px continuously. Instead, it goes from 32 px to about 16px, and then straight to 0. 4. #3 seems to be worse when the x icon is clicked rather than unchecking the checkbox. I'm using jQuery v. 1.3.2. All my code is in the file jquery.smartfilter.js. I've read about issues like these in earlier versions of jQuery, but applying fixes similar to the ones described in those articles bore no fruit, which leads me to believe there's something wrong with my code. Any insight into what's happening here would be greatly, greatly appreciated. Regards, --Bill
[jQuery] Re: slideUp(), slideDown() choppy on IE 6, 7, 8
OK, I gave it a try but the problem persists. The animation works perfectly on all other browsers and I'd really like to keep it because it provides important (maybe essential) feedback to the user. However, since (inexplicably) most of our clients use IE only, this animation problem is a deal breaker. Any other tips/tricks/magic spells out there? On Jul 8, 8:17 am, Bill bllfr...@gmail.com wrote: Thanks Leonardo, I'll try that now. On Jul 8, 5:52 am, Leonardo K leo...@gmail.com wrote: I'm trying to guess here. I believe the problem is the padding of the element you are sliding. Try to remove the padding from li and add to the div inside. I know jQuery animate padding as well but in the IE is not smooth enough. On Tue, Jul 7, 2009 at 19:52, Bill bllfr...@gmail.com wrote: I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-sea... Click on one of the checkboxes under the first grouping with the heading, Multi-Select Filter Name 1. A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally you can subtract elements from the control by clicking on the little x icons. Whenever addition/subtraction occurs, jQuery first calls the slideDown()/slideUp() function, and then deletes the actual HTML that was just shown/hidden. This animation is very smooth in all browsers that play according to the rules, but IE 6, 7, and 8 introduce some unique detritus into the animation that makes it appear jumpy. 1. The solid blue border at left turns white during the animation 2. A small white gap at the bottom of each added li element appears during the animation 3. The animation stops when it appears to be only half-way through, meaning it doesn't change the height from 32px to 0px continuously. Instead, it goes from 32 px to about 16px, and then straight to 0. 4. #3 seems to be worse when the x icon is clicked rather than unchecking the checkbox. I'm using jQuery v. 1.3.2. All my code is in the file jquery.smartfilter.js. I've read about issues like these in earlier versions of jQuery, but applying fixes similar to the ones described in those articles bore no fruit, which leads me to believe there's something wrong with my code. Any insight into what's happening here would be greatly, greatly appreciated. Regards, --Bill
