Materialize: Navbar dropdown doesn't work if you click the icon

Created on 6 Apr 2017  路  3Comments  路  Source: Dogfalo/materialize

Description

If you click the icon within the navbar dropdown link, the dropdown doesn't open.

Screenshots / Codepen

I don't think a Codepen is needed here, as this applies to the documentation dropdowns too.
http://materializecss.com/navbar.html#navbar-dropdown
http://prntscr.com/eszqjd

bug docs
Source
picture bradley-varol

Most helpful comment

I'm having the same problem on 0.98.1 when using just an icon as the dropdown activator.

Adding data-stoppropagation="true" is a workaround.

https://codepen.io/anon/pen/evadwb

picture apancutt on 6 Apr 2017
👍2

All 3 comments

Yeah, confirmed.

I tried on my own web page and it works as expected, so I guess is something with the doc's markup

fega picture fega on 6 Apr 2017

I'm having the same problem on 0.98.1 when using just an icon as the dropdown activator.

Adding data-stoppropagation="true" is a workaround.

https://codepen.io/anon/pen/evadwb

apancutt picture apancutt on 6 Apr 2017
👍2

Duplicate of https://github.com/Dogfalo/materialize/issues/4409, https://github.com/Dogfalo/materialize/issues/4418 and https://github.com/Dogfalo/materialize/issues/4442
And fixed in https://github.com/Dogfalo/materialize/commit/42051a56d2a35bdd8fbdffab739ee64859b186d4

tomscholz picture tomscholz on 6 Apr 2017
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

ruslandzhumaev picture ruslandzhumaev  路  3Comments
lpgeiger picture lpgeiger  路  3Comments
onigetoc picture onigetoc  路  3Comments
hartwork picture hartwork  路  3Comments
artur99 picture artur99  路  3Comments