1236342 - HTML elements are at default too big with GTK+3

Status: UNCONFIRMED

(Core :: Widget: Gtk, defect, P4)

Description

[sworddragon2]

Attachment: testcase.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160103094316

Steps to reproduce:

In the attachments is a testcase which needs just to be opened.


Actual results:

The button is too big and overflows even its parent element.


Expected results:

The button should be smaller.


Additional information: I'm also noticing that other elements like dropdown fields, input fields and maybe other elements are very big too compared to GTK+2, Windows GUI style or other browsers.

Comment 1

[sworddragon2]

This issue is still reproducible for me on a clean profile with Firefox 46.0.1 and now with GTK+3 being the default in Firefox 46 has somebody an idea about this issue? Maybe somebody can at least reproduce this issue and maybe confirm it. And if it is really a Firefox issue hopefully it will not exist for several years as seeing now on Linux that every website that uses default input elements breaks more or less only with Firefox but no other browsers is annoying.

Comment 2

[Karl Tomlinson (:karlt)]

There is no requirement that default button sizes are less than 30px.  If the button is not rendering consistent with the GTK theme, than that is a bug.
But I don't see a bug here.

See also bug 1269108, which can be fixed, I think.

Comment 3

[sworddragon2]

Reading the linked ticket and making a look with the Object Inspector at my testcase the Box Model shows a left and right padding of 6px (top and bottom are 0px) and a left and right border of 16px (top is 5px and bottom is 6px). I'm not sure if the total padding width of 12px is correct but the total border width of 32px and height of 11px looks broken and is possibly the same what the user in the linked report sees.