Skip to content
This repository has been archived by the owner on Jul 21, 2023. It is now read-only.

[#1047][BZ#1760001] Fix inconsistent scrollbar behavior by removing fixed headers and just having one scroll body for each page #1129

Merged
merged 2 commits into from May 11, 2020

Conversation

mturley
Copy link
Contributor

@mturley mturley commented May 5, 2020

Closes #1047
BZ: https://bugzilla.redhat.com/show_bug.cgi?id=1760001

In manageiq-ui-classic, the bodies of tables and list views have their height set by JavaScript when the window resizes so that they can have their own scrollbar and the breadcrumb, toolbars, and footer can be pinned outside that scrollbar.

We had tried to replicate that with CSS since we can't reuse that same window resize code (it would be overridden by React whenever our components re-rendered). The CSS solution was broken though, causing the issue in this BZ. To properly fix it would have meant restructuring the container to use proper flexbox CSS, which is difficult with the PatternFly 3 CSS (which is probably why JS was used to solve it in ui-classic) and may have had unintended consequences.

This PR simply removes the attempt to have these dynamic-height content areas, and makes each of our pages one whole scroll container. This fixes the bug in a predictable way with minimal drawback.

@mturley mturley added bug bz Issues filed by QE or having a BZ UI Issues and PRs related only to the UI ivanchuk/yes jansa/yes labels May 5, 2020
@mturley mturley requested a review from mzazrivec May 5, 2020 21:51
@mturley mturley added this to In progress in v2v UI May 5, 2020
@miq-bot
Copy link
Member

miq-bot commented May 5, 2020

Checked commits mturley/manageiq-v2v@33dd3a9~...af89db1 with ruby 2.5.7, rubocop 0.69.0, haml-lint 0.28.0, and yamllint
0 files checked, 0 offenses detected
Everything looks fine. 🏆

@mzazrivec mzazrivec merged commit 4d797aa into ManageIQ:master May 11, 2020
v2v UI automation moved this from In progress to Done May 11, 2020
@mzazrivec mzazrivec self-assigned this May 11, 2020
@mturley mturley deleted the 1047-scrollbar-bug branch May 11, 2020 12:50
simaishi added a commit that referenced this pull request May 11, 2020
[IVANCHUK] Backport for #1129 ([#1047][BZ#1760001] Fix inconsistent scrollbar behavior by removing fixed headers and just having one scroll body for each page)
@simaishi
Copy link
Contributor

Backported to ivanchuk via #1130

simaishi pushed a commit that referenced this pull request May 11, 2020
[#1047][BZ#1760001] Fix inconsistent scrollbar behavior by removing fixed headers and just having one scroll body for each page

(cherry picked from commit 4d797aa)

https://bugzilla.redhat.com/show_bug.cgi?id=1760001
@simaishi
Copy link
Contributor

Jansa backport details:

$ git log -1
commit d162003e511d59cae8425b9d33a1c3111d112c61
Author: Milan Zázrivec <mzazrivec@redhat.com>
Date:   Mon May 11 13:55:22 2020 +0200

    Merge pull request #1129 from mturley/1047-scrollbar-bug

    [#1047][BZ#1760001] Fix inconsistent scrollbar behavior by removing fixed headers and just having one scroll body for each page

    (cherry picked from commit 4d797aaade4bea99d1374612a4b97b030deb2a35)

    https://bugzilla.redhat.com/show_bug.cgi?id=1760001

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug bz Issues filed by QE or having a BZ ivanchuk/backported jansa/backported UI Issues and PRs related only to the UI
Projects
v2v UI
  
Done
Development

Successfully merging this pull request may close these issues.

[BZ#1760001] Scrollbar container height issues on the migration plan details page
4 participants