Skip to content

No background-color on <body> when display:flex. #4032

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
decimoseptimo opened this issue Feb 16, 2018 · 3 comments
Closed

No background-color on <body> when display:flex. #4032

decimoseptimo opened this issue Feb 16, 2018 · 3 comments

Comments

@decimoseptimo
Copy link

In an fresh create-react-app, if:
body { background-color: #000000; display: flex; }

There is no background color applied, until page refresh.

Somehow, It doesn't happen while render() includes an image tag, e.g. <img src="/" />.

I'm seeing the issue in Chrome 64, but not reproducing in Edge nor Firefox latest.
@Timer
Copy link
Contributor

Timer commented Feb 16, 2018

I'm seeing the issue in Chrome 64, but not reproducing in Edge nor Firefox latest.

Sounds like you need to open an issue with Chrome then. Can you reproduce this without using CRA?

@decimoseptimo
Copy link
Author

Well, I just tried https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.htmland and was not.

@gaearon
Copy link
Contributor

gaearon commented Feb 18, 2018 •
edited
Loading

CRA transforms display: flex to several fallbacks that may be necessary for target browsers. So putting just display: flex into a standalone HTML file is not comparing the same exact thing.

Somehow, It doesn't happen while render() includes an image tag, e.g. <img src="/" />

Then it's definitely a browser bug. It would be great if you could prepare a reduced test case for the browser vendors, but there's nothing we can do here.

@gaearon gaearon closed this as completed Feb 18, 2018
@lock lock bot locked and limited conversation to collaborators Jan 20, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Timer @gaearon @decimoseptimo