Skip to content
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.

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

dropdown menu not working #859

Open
monsieurcoconut opened this issue Aug 23, 2021 · 10 comments
Open

dropdown menu not working #859

monsieurcoconut opened this issue Aug 23, 2021 · 10 comments

Comments

@monsieurcoconut
Copy link

monsieurcoconut commented Aug 23, 2021

Is this a BUG REPORT or FEATURE REQUEST?:
bug

What happened:
The drop down menu of the navigation bar in mobile or "narrow mode" ("hamburger button") is not working on the starter website.

How to reproduce it (as minimally and precisely as possible):
Build the starter website based on
https://about.okkur.org/syna/docs/installation/#using-starter

git clone --recurse-submodules https://git.okkur.org/syna-start
cd syna-start
hugo server -D

access the website at http://localhost:1313/ on firefox.
Then shrink the browser window to switch the website to "narrow" view.

Environment:

  • Syna Theme version: v0.17.4
  • Hugo version: v0.87.0
  • Others: internet browser is firefox 90.0.2
@stp-ip
Copy link
Member

stp-ip commented Aug 31, 2021

Check with Hugo version v0.76.5 for now. Might be related to a bigger issue.

@namkyodai
Copy link

Using Hugo version 0.88.1 with Window extended but this issue is still persisted. Any recommendation? thanks

@kshji
Copy link

kshji commented Oct 3, 2021

Same here. Both syna-start and about.syna site copy has same problem.
webpack problems => mobile menu not working ?

Done also make, no helps.

hugo 0.88.1

  • Ubuntu 20.04

Browser error console:

index.js:1 Uncaught ReferenceError: __webpack_require__ is not defined
    at eval (index.js:1)
    at Object../assets/js/index.js (syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1)
    at a (syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1)
    at syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
    at syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
eval @ index.js:1
./assets/js/index.js @ syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
a @ syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
(anonymous) @ syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
(anonymous) @ syna-main.min.621de6e5b728ed26dca65e731c4f4f9e0c720b39d730104457e9eca34f8c7e35.js:1
search.js:1 Uncaught ReferenceError: __webpack_require__ is not defined
    at eval (search.js:1)
    at Object../assets/js/search.js (syna-search.min.3ce27877eba1d35d56eb2600a9dfa58d369972290668fd1b3522c5c7fea2acbf.js:1)
    at a (syna-search.min.3ce27877eba1d35d56eb2600a9dfa58d369972290668fd1b3522c5c7fea2acbf.js:1)
    at syna-search.min.3ce27877eba1d35d56eb2600a9dfa58d369972290668fd1b3522c5c7fea2acbf.js:1
    at syna-search.min.3ce27877eba1d35d56eb2600a9dfa58d369972290668fd1b3522c5c7fea2acbf.js:1

I tested Webpack Hugo demo
Git.
Works fine. Only done:

yarn build
hugo

And public include workin site.
I have never need to handle webpack or webpack problem, so can't help ...

@sujitks
Copy link

sujitks commented Mar 7, 2022

I am also getting this behaviour. It shows the icon for showing the menu but does not work.

image

@Fweeb
Copy link

Fweeb commented Jun 24, 2022

Running into this one as well on a couple of my sites. Not entirely sure where the culprit lives.

@Marzal
Copy link
Contributor

Marzal commented Jun 24, 2022

Using Hugo v0.76.5 as recommended in the first comment works for me

https://gitlab.com/residuocerorm/residuocerorm.gitlab.io/-/blob/master/.gitlab-ci.yml#L2

@Fweeb
Copy link

Fweeb commented Jun 24, 2022

Should've mentioned the version. I'm using Hugo v0.100.2.

I'm also on Arch Linux. Downgrading is... non-trivial.

@Marzal
Copy link
Contributor

Marzal commented Jun 24, 2022

I would try some of the options in the official docu until Syna is able to use a more recen version:

https://gohugo.io/getting-started/installing#binary-cross-platform
Binary or docker

PD: I'm also on Arch, but only for developtment, production is in Gitlab and is easier thanks to the Registry versions

@stp-ip
Copy link
Member

stp-ip commented Jun 25, 2022

One workaround that should work is to disable JS minification, which seems to have introduced this issue.
Thank you all for understanding my limited time currently working on fixing the underlaying issue. Happy for contributions as always :)

[minify]
disableJS = true

@Marzal
Copy link
Contributor

Marzal commented Jun 25, 2022

[minify]
disableJS = true

Thanks, it work's

For more info #865

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

No branches or pull requests

7 participants