I am trying to use a rich:inputNumberSlider within a rich:modalPanel. The arrow in the rich:inputNumberSlider doesn't display correctly when the modal panel is shown. It displays in the 0 position even if the value of the rich:inputNumberSlider is set to something else like 50.

There are two sliders, one inside a modal and the other outside. The one in the modal doesn't display correctly when opened and the one outside of the modal does.

Tested in IE7 and in Firefox 3.0.4. In Firefox the slider does not display correctly just like in IE but if I move my mouse to one of the browsers links than all of a sudden the slider arrow adjusts itself and goes to the position that it should.

I am sure there is a cleaner solution out there and if someone knows please let me know. I don't like this solution as it forces a rerender of the control. If there is a solution to use only javascript that would be best.