#StackBounty: #css #firefox #html-input Firefox input ignores height on Arch Linux

Bounty: 100

I’m not sure whether it happens to only me or it’s a bug of Firefox on Arch Linux. If I open the follow link with Firefox on Arch Linux, it alerts 32. It alerts 18 when opened with Firefox on Windows 10.

https://jsfiddle.net/jd6088wa/28/

Browser and OS versions:

Firefox Quantum 58.0.2 (64-bit) on Linux archlinux 4.15.8-1-ARCH #1 SMP PREEMPT Sat Mar 10 00:00:33 UTC 2018 x86_64 GNU/Linux (alerts: 32)

Firefox Quantum 58.0.2 (64-bit) on Windows 10 Version 1709 (OS Build 16299.248) (alerts: 18)

It alerts 18 on all other browsers and OS’s.

HTML

CSS

.wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid red;
}

input {
  box-sizing: border-box;
  height: 24px;
}

Javascript:

const $input0 = $('#input0');
alert($input0.height());


Get this bounty!!!

Leave a Reply