Navbar line break in create react app docusaurus site

[andriijas]

🐛 Bug Report

There's a strange styling bug, potentially from infima that makes the header on the docusaurus site for create react app line break in Safari (no other browser).

I tried to reproduce it on other sites without success.

I tried to fix it naively in react/create-react-app#7831 but that would cause other issues as described in the comments.

To Reproduce

Open safari
go to https://create-react-app.dev

Expected behavior

Navbar header title in one line

Actual Behavior

Navbar header title line breaks

[elharony]

We can fix it by removing flex: 1 0 0; from .navbar .navbar__items. Not sure where to contribute it! 🤔

[esvyridov]

@andriijas Hi. I found a solution how we could make it looks like in Chrome. Does it look good to you? If so I'll do a PR for CRA

[andriijas]

@esvyridov If you have better fix than this: react/create-react-app#7831 - yeah! Thanks!

[esvyridov]

@andriijas pr is ready - react/create-react-app#8437

[andriijas]

Okay lets get that in for now. The underlaying CSS framework of docusaurus isn't open source I think. Hopefully will get notified from this issue if it changes :D