PKP Bugzilla – Bug 3843
'overflow: hidden;' in #main causes some text to disappear
Last modified: 2009-02-13 17:33:56 PST
On small screens or if the text size is a little large, the "overflow: hidden;" property of #main in the css file makes a few options disappear.
This was noticed by barry in aishe's OJS installation after they were upgraded to 2.2.2. When he wanted to view potential list of reviewers (probably would be the same for any other role), half of the actions on the right of each user were missing due to "overflow: hidden;".
This can be fixed by changing "overflow: hidden;" to "overflow: auto;", which will introduce a horizontal scroll bar to the bottom if there is an overflow. Unfortunately, because of the precarious nature of the layout and css, allowing the content to resize the div will cause the whole layout to collapse. I'll post a patch for this soon.
Created attachment 1066 [details]
Patch against OJS Pre-2.2.3/Pre-2.3 CVS and OCS Pre-2.1.2/Pre-2.3 CVS
Matt, this was accidentally filed against 2.2.2 -- do you recall its status?
I'm quite sure it wasn't committed anywhere.
OK, but should it be? How widely has it been browser-tested, and do you expect it'll cause layout headaches for users who've customized with CSS?
I probably wouldn't--I don't think I really tested it at all, and it doesn't happen very often (only if the user's window is very small and they have a lot of data in certain tables). Also, the interface overhaul in the devel branches should negate the effect. If you want, I can do some testing with the stable apps.
BTW, I don't think it would cause any problems with people who customized their css.
OK, let's leave this for now.