1401332 - Horizontal scrollbar leave empty gap between scrollbar and content

Status: RESOLVED DUPLICATE of bug 1355143

(Core :: Widget: Gtk, defect)

Description

[Philipp Rudloff]

Attachment: ff-scroll.png

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.91 Safari/537.36

Steps to reproduce:

Set the overflow property of a container div element to `auto` or `scroll`. Set the width and height properties of a child div element so that it triggers overflow (i.e. scrollbars in this case). Additionally set a background color of the child element.

Minimal example: https://codepen.io/kleinfreund/pen/WZwRxb

I searched for this in the issues and with a search engine and came up empty. 


Actual results:

The horizontal scrollbar is placed in an area appearing to be twice the height of the actual bar while the vertical scrollbar is placed in an area exactly as wide as the scrollbar is wide.


Expected results:

The horizontal scrollbar should only create a vertical space equal to its height. No empty space should be created.

Comment 1

[Mats Palmgren (inactive)]

Which desktop theme are you using to get those scrollbars?

Comment 2

[Philipp Rudloff]

I’m on Ubuntu 17.04. I don’t have custom theme installed. As far as I’m aware, I have not modified Ubuntu’s scroll bar. I believe this is how they look like by default. For example, the file explorer has the same look on the scroll bars.