Search bar not positioned correctly

[sdwilsh]

I'm creating a new site, and I loaded the site in Firefox:

Appears to be broken in Chrome too.

[sdwilsh]

This appears to happen after page load.

[deltice]

I explicitly fixed this issue at some point before, and it is positioned fine for me both running the server in Firefox or Chrome and deployed on an example site here. Does it look mispositioned on the example site as well? I running this on macOS and the website was deployed on an ubuntu server.

[sdwilsh]

Is it possible that you haven't pushed a new package to npm? I'm doing this following the instructions in the README.md.

[deltice]

I'm testing using the version of Docusaurus currently published to npm so I'm not sure how to duplicate the issue. Are you also running on macOS and using node 6.10.3?

[sdwilsh]

I'm on linux (a devserver) node version: v8.1.3

[deltice]

I'm trying to recreate the issue and have installed Docusaurus on my dev server. Can you help me with how would I access the locally run server through a browser?

[sdwilsh]

@JoelMarcey can help you get fbsource checked out, and you'll need to apply D5409956 to your tree. After that, go to ~/local/fbsource/fbcode/experimental/pjameson/buckit/website, update the siteConfig.js to enable search, and then you can start it with port 8080. From there, you just access your server by it's hostname.

[JoelMarcey]

I am getting the same bad search box positioning running locally (not on a devserver).

[deltice]

Ah okay I've now recreated the issue on my own machine as well, but I'm not sure exactly what's causing it. It works fine in one repo but not in another. I will spend some time to try to fix this.

[deltice]

Added a fix in #16, but I'm not too sure if this is the proper conventional way to fix the issue, and where in the .css file to place the change. Any feedback on that would be great!

[deltice]

Fix in #16 should handle this fine