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 Hover:false #272

Closed
ConsoleTVs opened this issue Dec 16, 2014 · 7 comments
Closed

Dropdown Hover:false #272

ConsoleTVs opened this issue Dec 16, 2014 · 7 comments

Comments

@ConsoleTVs
Copy link
Contributor

Hello I have noticed a bug:

It happens in the Navbar with a dropdown, look the image for more information

http://puu.sh/dxhWl/e2e2b5805a.png

If i add that line, the dropdown activates on menu item click, but it does not redirect when pressing a submenu item, but if i don't put it, it auto-loads the dropdown when the mouse is over the mnu item, and it redirects correctly when pressing a menu item

@Dogfalo
Copy link
Owner

Dogfalo commented Dec 16, 2014

This doesn't happen when I test it. Are you on the Dev builds or the 0.92.1?
On Dec 16, 2014 1:36 PM, "Erik" notifications@github.com wrote:

Hello I have noticed a bug:

It happens in the Navbar with a dropdown, look the image for more
information

http://puu.sh/dxhWl/e2e2b5805a.png

If i add that line, the dropdown activates on menu item click, but it does
not redirect when pressing a submenu item, but if i don't put it, it
auto-loads the dropdown when the mouse is over the mnu item, and it
redirects correctly when pressing a menu item


Reply to this email directly or view it on GitHub
#272.

@ConsoleTVs
Copy link
Contributor Author

I think I've tried both, let me check it

@ConsoleTVs
Copy link
Contributor Author

HTML CODE:

http://pastebin.com/raw.php?i=pXnrn6yE

Materialize.css:

http://pastebin.com/raw.php?i=px84ckhT

Materialize.js:

http://pastebin.com/raw.php?i=8XwbMQ0v

Actually, i am importing the full css NOT the .min one

What's wrong?

@acburst
Copy link
Collaborator

acburst commented Dec 16, 2014

We actually fixed this problem recently, and glancing at your css file it seems you are not completely up to date.

@ConsoleTVs
Copy link
Contributor Author

I just downloaded the whole github as a zip and added the css...

@acburst
Copy link
Collaborator

acburst commented Dec 16, 2014

Do you have a cached version or something?

This is what I see in your file:

.dropdown-content li {
  cursor: pointer;
  font-size: 1.2rem;
  color: #212121;
  padding: 1rem 1rem;
}

This is the current file:

.dropdown-content li {
  cursor: pointer;
  font-size: 1.2rem;
  color: #212121;
}
.dropdown-content li a, .dropdown-content li span {
  display: block;
  padding: 1rem 1rem;
}

@ConsoleTVs
Copy link
Contributor Author

Just noticed there must be something wrong..

http://jsfiddle.net/1b1g5axt/

It works (click the posts in the menu and it works) but in my localhost it does not.. hmm

EDIT: Solved by adding the final line in the whole .js file instead of adding a script in the end of the html document.

line:

$( document ).ready(function(){
$(".button-collapse").sideNav();
$('.dropdown-button').dropdown({
hover: false, // THIS DISABLE HREF REDIRECT!
});
})

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

No branches or pull requests

3 participants