[Webkit-unassigned] [Bug 123326] New: Element with position:fixed moves when scrolling and is duplicated on the page each time scrolling is initiated

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=123326

           Summary: Element with position:fixed moves when scrolling and
                    is duplicated on the page each time scrolling is
                    initiated
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://www.morgannorman.com
        OS/Version: Other
            Status: UNCONFIRMED
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: thomas at karnhuset.net


Created an attachment (id=215149)
 --> (https://bugs.webkit.org/attachment.cgi?id=215149&action=review)
The screen of the actual machine filmed.

Date when discovered
-----------------------
2013-10-24

Hardware
-----------------------
MacBook Pro Retina 2012
2.6 GHz Intel Core i7
16GB 1600 MHz DDR3
NVIDIA GeForce GT 650M 1024 MB

OS
-----------------------
OS X 10.9 (13A603)

Steps to reproduce
-----------------------
1) Upgraded from Mac OS X 10.8 (Mountain Lion) to 10.9 (Mavericks) on the machine described above.
2) Opened up Safari and surfed to http://www.morgannorman.com.
3) Opened up one of the portfolio galleries (for example: http://www.morgannorman.com/portfolio/black-box-exhibition/)
4) Added one of the images in the gallery to the Shortlist by clicking the "+ ADD TO SHORTLIST" links under the image.
5) Clicked the Shortlist Tab in the bottom right corner of the page to show the Shortlist Bar.
6) Scrolled the page.
7) You can also try other pages where the Shortlist Tab is present.

Expected results
-----------------------
The Shortlist Bar should stay fixed at the bottom of the page according to its CSS:

#ShortlistContainer {
   width: 100%;
   height: 80px;
   background: #e9e9e9;
   position: fixed;
   margin: 0;
   padding: 10px;
   left: 0;
   z-index: 500;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.shortlistContainerOpen {
   bottom: 0;
}

Actual result
-----------------------
The fixed Shortlist Bar follows the page until you stop scrolling. Then it sits where it ended up after the scrolling. If you start scrolling again, a new copy(!) of the Shortlist Bar starts travelling up the page so in the end you can have lots of copies of the same HTML element on the page. See the attached movie.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.