<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - [GTK] Cannot remove bottom margin/padding from elements styled as buttons"
href="https://bugs.webkit.org/show_bug.cgi?id=166648">166648</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[GTK] Cannot remove bottom margin/padding from elements styled as buttons
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Local Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>PC
</td>
</tr>
<tr>
<th>OS</th>
<td>Linux
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P3
</td>
</tr>
<tr>
<th>Component</th>
<td>WebKit Gtk
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>mike@vee.net
</td>
</tr>
<tr>
<th>CC</th>
<td>bugs-noreply@webkitgtk.org
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=297930" name="attach_297930" title="Example HTML">attachment 297930</a> <a href="attachment.cgi?id=297930&action=edit" title="Example HTML">[details]</a></span>
Example HTML
WebKitGTK+ 2.14.x + GTK+ 3.22 incorrectly renders ~8px of additional background at the bottom of any element styled as a native button. This only occurs at the bottom, not along other sides, and it doesn't seem possible to remove it using CSS, except by using -webkit-appearance: none, but then you lose the appearance of a native button.
Further, when mousing over this extra area at the bottom, although the cursor visually overlaps the button, no hover effects are triggered and it is not possible to click the button.
This is on a high DPI display, if that matters for anything.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>