Dear all,
On my page I have an UpdatePanel. The ContentTamplate of this UpdatePanel contains a normal Panel.
The Panel has a predefined Height which is smaller than the actual content of the Panel, causing the vertical scrollbar to be shown.
The content of the Panel contains a number of SliderExtenders. So far so good.
"When I drag the handle of any slider (except of the very first one) or click on any of the slider rails, the vertical scrollbar jumps/scrolls down."
This only happens in Chrome and Safari. It does not in IE of FF.
Next to this, it only happens as long as the UpdatePanel is in place. It does not when I remove the UpdatePanel.
Attached is some sample code to reproduce the problem:
The sample code contains two Sliders.
- If you move the first one indeed nothing strange happens.
- If you scroll the panel down a little you will see the second slider. If you try to move this second Slider (inside Safari or Chrome) you will see that the panel scrolls down.
Does anybody know a solution or workaround for this problem?
Thanks in advance!
Bas
Comments: I can also reproduce this on the AJAX Toolkit Sample Site. I used the browsers developers tools to adjust the related dom element. See attached screenshot: 'ASP Sample Site - Slider.png'
On my page I have an UpdatePanel. The ContentTamplate of this UpdatePanel contains a normal Panel.
The Panel has a predefined Height which is smaller than the actual content of the Panel, causing the vertical scrollbar to be shown.
The content of the Panel contains a number of SliderExtenders. So far so good.
"When I drag the handle of any slider (except of the very first one) or click on any of the slider rails, the vertical scrollbar jumps/scrolls down."
This only happens in Chrome and Safari. It does not in IE of FF.
Next to this, it only happens as long as the UpdatePanel is in place. It does not when I remove the UpdatePanel.
Attached is some sample code to reproduce the problem:
The sample code contains two Sliders.
- If you move the first one indeed nothing strange happens.
- If you scroll the panel down a little you will see the second slider. If you try to move this second Slider (inside Safari or Chrome) you will see that the panel scrolls down.
Does anybody know a solution or workaround for this problem?
Thanks in advance!
Bas
Comments: I can also reproduce this on the AJAX Toolkit Sample Site. I used the browsers developers tools to adjust the related dom element. See attached screenshot: 'ASP Sample Site - Slider.png'