Skip to content
This repository has been archived by the owner on Jan 19, 2024. It is now read-only.

Firefox vs. Chrome: flex box rendered differently, align-items #240

Open
HGZdev opened this issue Nov 21, 2017 · 4 comments
Open

Firefox vs. Chrome: flex box rendered differently, align-items #240

HGZdev opened this issue Nov 21, 2017 · 4 comments

Comments

@HGZdev
Copy link

HGZdev commented Nov 21, 2017

Div (class="Box3") embedded in other div (class="Box2") are rendered differently by Firefox vs. Chrome, when both of them are displayed flex and all of them are wrapped by another div (class="Box1"). They seem to differently interpret "align-items: center" on "Box2".

https://codepen.io/HGZwebdesign/pen/NwYrwP

@philipwalton
Copy link
Owner

Thanks for reporting. Can you please update this issue to include all the information outlined in the reporting guidelines. If the issue is no longer relevant, please close it.

@HGZdev
Copy link
Author

HGZdev commented Jan 1, 2018

I'm not sure, which information should be included to this issue. Could you give me some hints?
Please, find below a print screen showing differences between Chrome and Firefox.
image

@garrettw
Copy link

garrettw commented Jan 1, 2018

Which one is Chrome and which is Firefox?
Also, has this bug been reported to the dev teams of either browser? If so, please link to the bug reports.

@brmscheiner
Copy link

image
Cannot reproduce on my system. Chrome 70.0.3538.77 on the left Firefox 62.0.3 on the right.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants