Page MenuHomePhabricator

WebKit browsers load the dropdowns off-screen
Closed, ResolvedPublic

Description

Author: clement

Description:
Screenshot of the session menu being cropped under Safari

I am talking about the 2 menus at the right, "Sessions" and "Users".

On Safari Version 5.1.7 (6534.57.2), the top left of each menu is aligned with the bottom left of the relative button. So, a big part of the menu is out of the windows. Vertical scrolling that became available when the menu opened does not go far enough (you can scroll, but not enough to display the whole width of the menu). (see screenshot)

Same on Chrome Version 21.0.1180.79

On firefox 14.0.1, the right of the menu is aligned with the right of the window. The whole width of the menu is displayed. But some horizontal scrolling is still necessary.

I guess this is an issue with mixing the iFrame container and the window container in the JS/CSS.


Version: unspecified
Severity: minor

Attached:

Menu_cropped_in_EtherEditor.jpg (900×1 px, 197 KB)

Details

Reference
bz39422

Related Objects

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 12:54 AM
bzimport set Reference to bz39422.
bzimport added a subscriber: Unknown Object (MLST).

I think it's an issue with WebKit not following my gorram CSS rules....how much more clear can I be than "right: 0; top: 20px;"?

I'll try some testing today, and see if I can get a straight answer as to why it does that. Thanks for the report.

clement wrote:

Good luck with that. Cross-browser styling is always such a pain...