www.samehadaku.net - see bug description

[cahyoputrak]

URL: https://www.samehadaku.net/

Browser / Version: Firefox 57.0
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Something else
Description: Different search bar size, with chrome and opera
Steps to Reproduce:
when I opened samehadaku.net in half-viewed desktop, I found searchbar on bottom of menu quite different with most of browser (chrome and opera). The normal one was quite big and bold and I found on new firefox browser it become smaller font and it's weight become lesser than the other browser

From webcompat.com with ❤️

[miketaylr]

There does seem like a size different worth looking into.

[softvision-sergiulogigan]

This was reopened by mistake...

Still, it might be investigated:

In order to trigger the Menu button, decrease the width of the browser window.

Chrome Inspector:

Nightly Inspector:

I see that the font-size: 16px; attribute is missing from Nightly.

[karlcow]

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #mobile-search .search-field {
    font-size: 16px;
  }
}

This is the reason. And note that this is on purpose. Because here -webkit-min-device-pixel-ratio: 0 is clearly used as a CSS hack for selecting WebKit browser. because of the 0 value.