[Pro] Scrolling DIV Problem, only in Safari

I’ve got an scrollbar problem that is only seen in Safari. No problem in Chrome, despite both it and Safari are based on WebKit. No problems in FireFox (Mac or Windows) or in any flavor of Internet Explorer for Windows.

The situation is that I have a vertically-long table that is a child of a DIV. The vertical length of that table exceeds the height of the parent DIV, which causes the table to scroll in the browser. And scroll it does, in all browsers but Safari. You can see it here:

http://visionsecurity.jp/jp/buy.html

Note the map of Japan and the 7 yellow squares at right. Click on the rightmost yellow square, one down from the upper yellow square. That will open the DIV. Note that you can see the vertical scroll bar in Safari. The problem is that it is frozen. Also note that if you grab text inside that table and then slide your mouse up or down, that will cause it to scroll, but the scroll bar is still frozen. Again, no other browser has this problem, not even Chrome. Even Mobile Safari on my iPad will let me scroll up/down with touch.

If you are viewing my web page’s HTML source code, note that the container DIV is named “ChibaList” and there is a child DIV within that parent named “item3” that contains the table. I did that so the vertical scroll bar would look right. “Overflow” of “item3” is set to AUTO. I do not want to set it to SCROLL because I don’t want any horizontal scroll bar showing (only the vertical scroll bar is needed).

I look forward to hearing your thoughts and suggestions.

Thank you,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

your page works very well on my mac/safari, scrollbar scrolls (nice work btw, with all those little chinese rollovers :wink:
dieter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you for the feedback, Dieter.

Curious… Are you using the latest version if Safari 6 on the latest version if OS 10.8 Mountain Lion like I am?

Best,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

James, i’ve used OS 10.6.8/safari 5.17 and OS 10.7.5/safari 6.0.2 and iphone 4s. we aren’t working on mountain lion yet …
did you find the reason?
dieter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi James,

I know this isn’t particularly helpful, but this looks like a bug in Safari to me. I say this because the problem disappears after resizing the window with the problem scrolling lightbox is in view. Everything you’re doing seems correct so I don’t know what you might be able to do to get it to work. You could try copying just the button and layer to a new page to see if it’s something on the page that’s conflicting with it?

Joe

On 1 Mar 2013, at 07:59, “JDW” email@hidden wrote:

I’ve got an scrollbar problem that is only seen in Safari. No problem in Chrome, despite both it and Safari are based on WebKit. No problems in FireFox (Mac or Windows) or in any flavor of Internet Explorer for Windows.

The situation is that I have a vertically-long table that is a child of a DIV. The vertical length of that table exceeds the height of the parent DIV, which causes the table to scroll in the browser. And scroll it does, in all browsers but Safari. You can see it here:

http://visionsecurity.jp/jp/buy.html

Note the map of Japan and the 7 yellow squares at right. Click on the rightmost yellow square, one down from the upper yellow square. That will open the DIV. Note that you can see the vertical scroll bar in Safari. The problem is that it is frozen. Also note that if you grab text inside that table and then slide your mouse up or down, that will cause it to scroll, but the scroll bar is still frozen. Again, no other browser has this problem, not even Chrome. Even Mobile Safari on my iPad will let me scroll up/down with touch.

If you are viewing my web page’s HTML source code, note that the container DIV is named “ChibaList” and there is a child DIV within that parent named “item3” that contains the table. I did that so the vertical scroll bar would look right. “Overflow” of “item3” is set to AUTO. I do not want to set it to SCROLL because I don’t want any horizontal scroll bar showing (only the vertical scroll bar is needed).

I look forward to hearing your thoughts and suggestions.

Thank you,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, Joe. I’ve filed a bug report with Apple here:

http://www.apple.com/feedback/safari.html

But should anyone else come across this thread (because you have found the same problem on your sites), I strongly advise you to file a separate bug report too. Apple is painfully slow when it comes to fixing bugs. The more people that pound on them with the same bug, the more likely it is to get fixed.

Best,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options