Layout different between refresh and resizing

Issue #11257640 • Assigned to Bogdan B.

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.”

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

Sign in