Bug 18255

Summary: Positioned UL+LIs menu shifts when LI id attribute is referenced (link to it clicked)
Product: WebKit Reporter: Faruk Ates <farukates>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Minor CC: bfulgham, dino, simon.fraser
Priority: P3 Keywords: NeedsReduction
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.5   
Attachments:
Description Flags
Test case with the menu
none
Reduced testcase none

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...
Comment 4 Brent Fulgham 2022-07-11 16:20:31 PDT 
Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains.