914751 - When resizing from a below-760 width to an above-760 width, search box and navigation bar jump

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect)

Description

[John Karahalis [:openjck]]

STR:

1. Open any page
2. Open Responsive Design View
3. Resize the viewport to be slightly below 760 pixels wide
4. Resize the viewport to be slightly above 760 pixels wide

Actual result:

Navigation bar and search box jump around. By that I mean that they appear very high in the header at first, but then immediately move down.

See the video for more information. Remember: The only important part here is what happens after the viewport is resized to be /above/ 760. The animations that happen when the viewport is resized to be smaller are fine.

http://www.screencast.com/users/openjck/folders/Default/media/2b4657b3-7c94-4699-868d-e514b65a5d8a

Expected result:

When the viewport is resized from below-760 to above-760, the navigation bar and search box should move directly to their final location, with or without animation, rather than first moving up too high and then moving to the final location.

Comment 1

[John Karahalis [:openjck]]

In fact, lots of things are jumping around here. The width of the search box itself changes twice after the width is resized, and the magnifying glass icon moves as well.

Comment 2

[David Walsh :davidwalsh]

No longer happens