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

RESOLVED FIXED

Status

Mozilla Developer Network
Design
RESOLVED FIXED
4 years ago
4 years ago

People

(Reporter: openjck, Unassigned)

Tracking

Details

(Reporter)

Description

4 years ago
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.
(Reporter)

Comment 1

4 years ago
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.
No longer happens
Status: NEW → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.