[Webkit-unassigned] [Bug 123326] 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





--- Comment #6 from Thomas Kahn <thomas at karnhuset.net>  2013-10-29 01:33:00 PST ---
On the demo page that I supplied, I have now implemented a fix to prevent the shortlist bar from becoming duplicated over the screen. This is after all a live site. The fix was to set "display: none" when the shortlist bar should not be visible on the screen. Previously I didn't hide it, I just moved it off-sceen by giving it a negative value for bottom (bottom: -133px).

Here's the CSS for the shortlist bar, if you want to try to build a cleaner demo to see under which circumstances this bug occurs:

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

   display: none;
}

In this code, the fix is present (display: none) so remove that. If I where to make a guess I'd say that the negative bottom value possibly in combination with position: fixed and the transition confuses Safari 7 somehow.

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