One of my users discovered a problem that only occurs with Safari. For the last week we have been telling her to clear her cache, etc., only to find that it is a general problem in Safari. My bad -- I checked it in Firefox on Mac and did not have the problem, so assumed it was just a problem with her machine.
Anyway, here is the problem: the two sidebars get cut off after about 1100 hundred pixels. Attaached is a screen shot.
I marked this as "critical", even though it may not be for most people, just because in my case users can't use any of the navigation menu options if they have this problem. Only 3.5% of my visitors use Safari, so maybe I'm just being paranoid, but I know a lot of computer labs are Safari only, and I'd rather not give them problems...
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | safari_render.png | 269.18 KB | jwolf |
| Picture 1_36.png | 553.96 KB | Art Morgan |
Comments
Comment #1
jwolf commentedI fired up Safari, visited the offending URL, and experienced the same problem. I then went to other sites using Amadou and did not experience the problem.
I'm pretty sure that it is not a bug with Amadou. Perhaps the problem is caused by a module, a block, altered code, or, dare I say, a rendering bug in Safari (Apple WebKit) itself.
I also checked your site with Konqueror (Safari uses the same rendering engine - KHTML) and did not experience any problems.
To be honest, I am leaning towards a rendering bug in Safari. The reason I think this: if you move your cursor over the sidebars, drag and highlight the sidebar content, the missing content appears. Once you scroll up or down, the content then becomes cut off again, but never cut off at the same place. See the attached screenshot.
Comment #2
Art Morgan commentedOk, after playing around with it a bit more in Safari I also think it is most likely to be a Safari rendering bug. I don't see how it could be related to a module or block, because it happens on many different blocks and it happens "mid stream", i.e. in the middle of fonts or graphics.
My next question then, is are there any workarounds that you could suggest? You said that other Amadou sites don't have this problem in Safari. What are they doing differently? Is it just that their sidebars aren't as tall?
This isn't the only problematic bug in Safari. I know that some TinyMCE features don't work, like the link button. But it is a little disappointing to have your site not work on the default browser for the best desktop OS on the planet. Even if it is only 3.5% of my users...
Comment #3
jwolf commentedIt couldn't hurt to do some searching around drupal.org and google for similar issues people are experiencing with Safari.
Also, I would suggest that you duplicate your site onto a test/development server and pick it apart piece-by-piece until you isolate the problem.
First, you should go through the pages' code; run the pages through a vaildator and fix any errors that may be found. Then, start removing blocks, one-at-a-time. If you are still not experiencing any positive results, I would disable 3rd party modules, then contrib modules, to see if that has any affect.
Although Safari may be one of the most standards compliant browser (also Opera, and Konqueror [see: the Acid2 Browser Test]), it still, in my opinion, has some issues that need to be fixed.
Comment #4
jwolf commented