Layout different between refresh and resizing

Confirmed Issue #11257640 • Assigned to Greg W.

Details

Author
Benny J.
Created
Mar 13, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Chrome
  • Opera
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Go to https://bennyjacobs.nl/issues/resize_layout/ and resize vertically until vertical size approaches zero. Now refresh between resizes.

Expected behavior:

  • All elements are 100% height (the height of the page)
  • All elements keep same aspect ratio
  • All inline-block elements try to stay as close as possible to middle of page as long as first 2 constraints are not violated.
  • All inline-block elements move/give space for the other inline-block elements as long as first 2 constraints are not violated.

The last two expectations are not met.

Tested in:

  • Microsoft edge (not as expected)
  • Chrome (not as expected)
  • Opera (not as expected)
  • Firefox (working as expected)

Here is a video of the issue in chrome (notice the different layout difference before and after a refresh (the layout after a refresh looks as expected)):
https://bennyjacobs.nl/issues/resize_layout/layout-issue.mp4

The behavior in the video is the same as in edge. Can you please verify this?

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

    Changed Assigned To to “Bogdan B.”

    Changed Assigned To from “Bogdan B.” to “Greg W.”

    Changed Status to “Confirmed”

You need to sign in to your Microsoft account to add a comment.

Sign in