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:
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.
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
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:
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.
Thanks, Joe. I’ve filed a bug report with Apple here:
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.