search

ericvana / scale9grid

Automatically exported from code.google.com/p/scale9grid
Other
0 stars 0 forks source link

Rollovers not working #8

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Create event listeners for a scale-9-gridded object (mouseover,
mouseout, mousedown, mouseup).
2. Withing the listeners re-call scale9grid() to adjust the display to the
new style (set by .button, .button:hover, .button:active).
3. Interact with the objects

What is the expected output? What do you see instead?
The expected output is that the object adopts the new background image of
the current style. It behaves extremely strange (flickering, etc) and stops
doing anything (crashes?). I think this has to do with the complete
replacement and rebuild of the 9-scale-divs on each call of scale9grid()
which will fire a mouseout event. Perhaps a solution would be to just
replace the background-image style properties on those 9-scale-divs and not
removing them completely.

What version of the product are you using? On what operating system?
0.9.3, OSX 10.5.7, Firefox 3.0.8, Safari 4.0.1

Please provide any additional information below.
See attached example.

Original issue reported on code.google.com by patrick....@gmail.com on 27 Jun 2009 at 5:19

Attachments:

GoogleCodeExporter commented 9 years ago 
Rollovers work if you explicitly switch the background-image in event handlers. 
But 
only in Opera.

Rebuilding images is a nice idea, will try.

Original comment by wizzard0@gmail.com on 30 Oct 2009 at 8:09