Search bar missing in certain firefox browser

[htwangtw]

• I've read the contribution guidelines and agree with them

I've found a bug and checked that ...

• ... the problem doesn't occur with the default MkDocs template
• ... the problem is not in any of my customizations (CSS, JS, template)
• ... the documentation does not mention anything about my problem
• ... there are no open or closed issues that are related to my problem

Description

Search bar doesn't show up with mkdocs-material 7.0.0 rendered site.
This issue is redirected from bids-standard/bids-specification#744

Expected behavior

Firefox: 85.0.1

Actual behavior

This is what I see:

Same behaviour with https://squidfunk.github.io/mkdocs-material/

Steps to reproduce the bug

N/A

Package versions

See: https://github.com/bids-standard/bids-specification

Project configuration

See: https://github.com/bids-standard/bids-specification/blob/master/mkdocs.yml

System information

• OS: Debian 10
• Browser: Firefox 78.7.0esr (latest for Debian)

[squidfunk]

Could you please check the developer console? I suspect that Firefox 78 is too old and is missing an ES6/7 feature we're using. Also please check if this issue is present with Material 6.2.8.

[htwangtw]

The version of the website built with 6.2.8 is fine (https://bids-specification.readthedocs.io/en/bep-009/)
This is also 6.x (https://bids-specification.readthedocs.io/en/v1.4.1/)
Can you explain a bit more what should I check in the developer console?

[squidfunk]

Thanks for testing 6.2.8. Please check whether there are any errors listed below the "Console" tab in the Firefox Developer Console. If unsure, consult another developer on your team to validate.

[htwangtw]

There are two messages when I check the BIDS website (https://bids-specification.readthedocs.io/en/stable/)
Error:

Uncaught SyntaxError: expected expression, got '='bundle.3981fc68.min.js:3:48064

This message is not listed as an error but I thought it might be relevant:

Server side search is disabled. readthedocs-doc-embed.js:1:28238

Just cross-checking with the official page of Material (https://squidfunk.github.io/mkdocs-material/), we got the same error as above, and an extra one:

Uncaught ReferenceError: document$ is not defined
    <anonymous> bundle.ts:40
    <anonymous> bundle.ts:49
bundle.ts:40
    <anonymous> bundle.ts:40
    <anonymous> bundle.ts:49

[squidfunk]

Which website are you referring to? When I look at both links you posted in bids-standard/bids-specification#744, there are entirely different chunkhashes:

• bundle.926459b3.min.js
• bundle.4e3fea51.min.js

Please provide complete information, i.e. also attach the file for which this happens, or we have no possibility to debug this. If unsure, please consult a developer colleague.

[divansantana]

have same issue with 7.0.2

dev tools in my qutebrowser says:

Uncaught SyntaxError: Unexcted token '='
bundle.3981fc68.min.js:3

browser version:

qutebrowser v1.14.1
Git commit: 
Backend: QtWebEngine (Chromium 83.0.4103.122)
Qt: 5.15.2

Tried reload -f but didn't help.

[divansantana]

I think it might be a browser version thing. Some users report after upgrading browser it works.

[lyz-code]

I've got the same error here.

The developer console shows:

Uncaught SyntaxError: expected expression, got '=' bundle.4e3fea51.min.js:3:48067

I've reproduced it with the following browsers:

• Firefox 78.5.0esr
• Chromium 83.0.4103.116
• Firefox Klar 8.4.0

So I'll roll out that this is a browser issue.

[squidfunk]

The transpile target was es2020. 500d5e6 now sets it at es2015, which should fix the issues. Please try the latest master, so we can issue a bugfix release.

[squidfunk]

... you could also just check https://squidfunk.github.io/mkdocs-material/ – if that works, we can issue the release.

[htwangtw]

The search bar is showing with Firefox 78.5.0esr.

[squidfunk]

Perfect, thanks!

[squidfunk]

Released as part of 7.0.3.

[effigies]

Thanks for the quick turnaround, @squidfunk!