#9180 closed bug (notabug)

Opened March 23, 2013 05:27PM UTC

Closed March 23, 2013 07:26PM UTC

Last modified March 23, 2013 09:29PM UTC

effect "highlight" displays hidden elements

Reported by: dmack Owned by: dmack
Priority: minor Milestone: none
Component: ui.effects.* (individual effect) Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:
Description

With a full (but minimized) version of jQuery UI using the effect "highlight" on hidden elements (in my case : a hidden JQuery UI button) the button is shown after the animation / highlighting completes. This is now the second time i stumble upon wrong display-states of elements after using JQuery UI - effects or animations ... there is something wrong with the completion-procedures, someone should look into it

Attachments (0)
Change History (7)

Changed March 23, 2013 05:29PM UTC by dmack comment:1

additional info : is enclosed the button in a table :

<table>

<tbody>

<tr>

<td>

{BUTTON}

</td>

</tr>

</tbody>

</table>

and i was using the effect on the table-row (TR).

Changed March 23, 2013 06:18PM UTC by mikesherov comment:2

owner: → dmack
status: new → pending

Hi dmack,

Thanks for taking the time to contribute to the jQuery UI project. In order to assess this ticket we need a reduced test case that shows the issue. You can use this as a starting point http://jsfiddle.net/Vf4Gn/.

Thanks.

Changed March 23, 2013 07:12PM UTC by dmack comment:3

status: pending → new

http://jsfiddle.net/Vf4Gn/1/

Changed March 23, 2013 07:23PM UTC by dmack comment:4

a case which is closer to my real code :

http://jsfiddle.net/Vf4Gn/2/

interestingly, using the "edge"-version of JQuery and JQuery UI the bevaviour is vastly different - and in some cases, it behaves like expected ....

Changed March 23, 2013 07:26PM UTC by mikesherov comment:5

_comment0: Thanks for contributing! According to http://api.jqueryui.com/highlight-effect/ \ \ "Description: The highlight effect hides or shows an element by animating its background color first." \ \ Also, your fiddle was using a super old jQueryUI. Here's the fiddle using the latest version showing the correct and expected results: http://jsfiddle.net/Vf4Gn/ → 1364066801836431
resolution: → notabug
status: new → closed

Thanks for contributing! According to http://api.jqueryui.com/highlight-effect/

"Description: The highlight effect hides or shows an element by animating its background color first."

Also, your fiddle was using a super old jQueryUI. Here's the fiddle using the latest version showing the correct and expected results: http://jsfiddle.net/Vf4Gn/3

Changed March 23, 2013 09:18PM UTC by dmack comment:6

erm ... 1.9.2 is the CURRENT version, thats the exact opposite of "super-old"

Changed March 23, 2013 09:29PM UTC by mikesherov comment:7

1.10.2 is current jQueryUI, and the fiddle you provided here: http://jsfiddle.net/Vf4Gn/1/ is using 1.8.9