Warning: Invalid argument supplied for foreach() in /home/techrecipes/public_html/wp-content/themes/techrecipes/header.php on line 77

Users Cannot Vertically Scroll in Safari, OmniWeb, Konqueror and WebKit Browsers

   Posted by David Kirk in HTML

These browsers will lose the ability to use the vertical scroll bars under certain css/html situations. This code will render well in all other browsers. This is a documented bug confirmed by the webkit team.


When we redesigned Tech-Recipes, many Apple and Linux users reported that they were not able to vertically scroll on the site. Despite Google searching, I could not figure out why this was so. I finally consulted the WebKit IRC which helped me figure out the problem. Mitzpettel confirmed the bug and helped me isolate the issue so that I could figure out the workaround.

Demostration of Bug:
http://www.bronch.com/downloads/webkit_bug/index.html

My users have confirmed the bug in Safari, OmniWeb, and Konqueror. The rendering error is not seen in Firefox, IE 5-7, or Opera.

The problem seems to occur when absolute positioned structures are contained within a table. To work-around the problem, remove the surrounding table. The above demostration shows a page with a surrounding table and without.

The way the WebKit teamhelped me is very impressive. Hats off to them and their desire to build the best browser possible.

 

About David Kirk

David Kirk is one of the original founders of tech-recipes and is currently serving as editor-in-chief. Not only has he been crafting tutorials for over ten years, but in his other life he also enjoys taking care of critically ill patients as an ICU physician.
View more articles by David Kirk

The Conversation

Follow the reactions below and share your own thoughts.