Materialize: Css search bug

Created on 29 Mar 2016  路  8Comments  路  Source: Dogfalo/materialize

Most helpful comment

I have the same problem in linux chrome v50. I fixed using:

nav .nav-wrapper form, nav .nav-wrapper form .input-field{ height: 100%; }

All 8 comments

can you post some code and flesh this out more. These types of issues are very unhelpful because I have no way of diagnosing the problem to fix it.

You can take a look at our Issue Guidelines to see how to make a codepen.

@acburst you can watch code here: http://materializecss.com/navbar.html

is wrong in your guide too

@Josepdal Which browser is it that you use?

Chrome and Firefox are good on my computer. IE doesn't work at all, it focuses the search bar in the side-nav instead (but that means also no css glitches).

I didn't try other browsers.

@Thanood Chrome, in os x and windows does not working fine

Hello Josepdal, sorry for your problem, I had the same on IE (#2903). I sent a pull request, I don't know if Materialize's team will accept it but as I already patch my website you could test if my pull request fix your problem here : https://pharmaciesousprefecture.fr/ :D

I have the same problem in linux chrome v50. I fixed using:

nav .nav-wrapper form, nav .nav-wrapper form .input-field{ height: 100%; }

Merged c129dc1

@AlvaroLQueiroz thanks, I had same problem and your solution worked for me.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

serkandurusoy picture serkandurusoy  路  3Comments

alexknipfer picture alexknipfer  路  3Comments

lpgeiger picture lpgeiger  路  3Comments

PhillippOhlandt picture PhillippOhlandt  路  3Comments

bradley-varol picture bradley-varol  路  3Comments