Skip to content

[Chrome UI] Change in scrollbar behavior shifts UI #129764

Open

Description

There was a change in the overall scrollbar behavior in Kibana, some time after 7.14.

In 7.x up to 7.14 the scrollbar disappeared when not scrolling which left a clean UI, but with more recent versions it is basically hardcoded on, and done so in such a way that the UI is different when there's a scrollbar. It's kind of jarring when using the interface, especially when trying to make tutorials or even just basic screenshots.

I'd love for it to go back to the way it was, but at the very least can it be made to not shift the entire UI? Screenshots below.

Kibana version:
I think that this problem was introduced in 7.15 or 7.16

Elasticsearch version:
Any

Server OS version:
Any

Browser version:
Chrome, safari, or Firefox

Browser OS version:
Windows or Mac

Original install method (e.g. download page, yum, from source, etc.):
Multiple methods

Describe the bug:
When the scrollbar is present the entire UI shifts

Steps to reproduce:
(note that these links are only accessible for elastic employees, instead see the screenshots below)

  1. See that the dashboard from a 7.14 install exhibits the desired behavior
  2. Compare it to this log stream page which has a scrollbar and this infra waffle map which shouldn't

Expected behavior:
The scrollbar should only show up when scrolling and not completely change the UI when it's present
Screenshots (if relevant):

This is what it looks like now - the whole banner shifts:
scrollbar-8 1

This is what it looked like in <= 7.14 - notice that, when scrolling, it's just a subtle overlay without impacting the entire layout
scrollbar-7 14

Errors in browser console (if relevant):

Provide logs and/or server output (if relevant):

Any additional context:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Team:Platform-DesignTeam Label for Kibana Design Team. Support the Analyze group of plugins.Team:SharedUXTeam label for AppEx-SharedUX (formerly Global Experience)bugFixes for quality problems that affect the customer experienceoldUsed to help sort old issues on GH Projects which don't support the Created search term.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions