Bug 28382 – Flex height issues on Safari 3

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

There was an issue noticed on Safari 3 version that has subsequently been resolved in Safari 4. The objective of filing this bug is twofold-
- The fix introduced in Safari 4 should be retained in future versions of Safari
- if possible, the bug should get fixed on Safari 3

The attachment shows the bug in action on the file titled Issue.html. On Safari 3, focus can not be taken to the username and password fields through mouse clicks and user is unable to login. It works fine with tab keys however. This issue does not happen on Safari 4 or Firefox or Internet Explorer. This issue resulted in a huge number of our users not being able to login into our site.

It was noticed that the above reported issue was not seen when there was another section underneath the first section on the page that was having mouse focus problems. An example of this can be seen in the file title NotAnIssue.html

We added overflow:auto to the style div.sectionContent to fix this issue and pushed the fix to our live site so that the users would be able to continue to login to our site. The fix can be seen in action in the file titled IssueResolved.html. This fix addresses the issue on Safari 3.

Created attachment 34958 [details]
Issue on this file can be seen on Safari 3

Created attachment 34959 [details]
The issue is not seen on this file when there is one more content section below

Created attachment 34960 [details]
Issue is fixed by adding overflow:auto to the file

[Mark Rowe (bdash)]

Since the issue here does not occur with recent versions of WebKit and it has been released in a Safari update already, it's not clear what the purpose of this bug report is.