Materialize: Navbar Search Form Messed Up After Chrome 50 Update

Created on 15 Apr 2016  路  3Comments  路  Source: Dogfalo/materialize

It seems the navbar search form is not functioning properly after Chrome was updated. As used on this page: http://materializecss.com/navbar.html, You can see you have to click in the upper half of it to get into the search bar.

Most helpful comment

Experiencing this as well after the Chrome 50 update.

My navbar has centered "logo" text and when you click somewhere on the navbar (logo text included) it becomes a search bar. Well, that's what used to happen at least.

Now if I click on the logo text it actually acts as a link, and the click area to trigger searching is messed up as shown if you visit the materializecss navbar search example (that alexknipfer linked).

All 3 comments

Experiencing this as well after the Chrome 50 update.

My navbar has centered "logo" text and when you click somewhere on the navbar (logo text included) it becomes a search bar. Well, that's what used to happen at least.

Now if I click on the logo text it actually acts as a link, and the click area to trigger searching is messed up as shown if you visit the materializecss navbar search example (that alexknipfer linked).

I can confirm this. The clickable area is now 20px tall. Works fine in Safari.

This has already been fixed apparently here - https://github.com/Dogfalo/materialize/issues/3082. You can apply the reference Stack Overflow hotfix too-

Was this page helpful?
0 / 5 - 0 ratings