Bug 18255 - Positioned UL+LIs menu shifts when LI id attribute is referenced (link to it clicked)
Summary: Positioned UL+LIs menu shifts when LI id attribute is referenced (link to it ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Macintosh OS X 10.5
: P3 Minor
Assignee: Nobody
Keywords: NeedsReduction
Depends on:
Reported: 2008-03-31 20:38 PDT by Faruk Ates
Modified: 2009-08-05 09:21 PDT (History)
2 users (show)

See Also:

Test case with the menu (6.36 KB, text/html)
2008-03-31 20:38 PDT, Faruk Ates
no flags Details
Reduced testcase (729 bytes, text/html)
2009-08-05 09:21 PDT, Jerome Leclanche
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Faruk Ates 2008-03-31 20:38:18 PDT
In a positioned/styled menu of a UL and four LIs, I have an id attribute on
each LI and inside it a hyperlink pointing to that id attribute (was wanting to
use :target for styling & testing purposes). When clicking the link, however,
the browser not only shifts view to the top of the UL (good), it actually
repositions / redraws the UL higher than it was and is supposed to be. 

Steps to Reproduce:
1. Open attached testcase
2. Examine positioning of the navigation (UL+LIs)
3. Click on any of the tabs to trigger the bug. Scroll back up after click to
see in better view.
Actual Results:  
UL menu gets repositioned.

Expected Results:  
UL menu isn't being targeted by any styles on :target, nor are the LIs, so it
shouldn't shift / change in rendering.
Comment 1 Faruk Ates 2008-03-31 20:38:56 PDT
Created attachment 20269 [details]
Test case with the menu
Comment 2 Dean Jackson 2009-03-19 13:10:24 PDT
same behaviour as FF3.1 (probably earlier too)
Comment 3 Jerome Leclanche 2009-08-05 09:21:52 PDT
Created attachment 34140 [details]
Reduced testcase

Reduced testcase attached.

Something to do with overflow: hidden and absolute displays with a negative value...