search

galaxyproject / galaxy

Data intensive science for everyone.
https://galaxyproject.org
Other
1.37k stars 992 forks source link

Masthead covers up the top of all panels after clicking into FastQC report section links #16374

Open jennaj opened 1 year ago

jennaj commented 1 year ago

Describe the bug Masthead covers up the top of all panels after drilling into FastQC report

Galaxy Version and/or server at which you observed the bug Galaxy version 23.1.rc1, commit 15d0f17dc5559c410480489917365d96e3b8b40c

To Reproduce Steps to reproduce the behavior:

  1. Go to a history with FastQC output
  2. Click on the eye icon for webpage output
  3. Click into a section of the report
  4. Notice how the very top of the view in all panes is covered up by masthead

Expected behavior Retain full view. Other tools could be impacted I guess. Windowing problem?

Screenshots

Screen Shot 2023-07-06 at 11 10 25 AM

Additional context Test history: https://usegalaxy.org/u/jen-galaxyproject/h/test-fastqc-webpage-download

ElectronicBlueberry commented 1 year ago

What browser and system are you using?

Cannot reproduce on Firefox 114.0.1 (64-bit) Linux

mvdbeek commented 1 year ago

I see this with chrome on OSX, but not firefox.

ElectronicBlueberry commented 1 year ago

I've looked into this a bit, and it is very peculiar. I suspect this may be a chrome bug. It has to do with hidden overflow within the flexbox of the main app, and is triggered by the scroll in the iframe. getting rid of the hidden overflow causes scroll bars to appear, but prevents the issue. Hiding the scrollbars with an overflow hidden in the everything container, causes the entire app to move up. What makes me think it's a chrome bug is that when this happens, the chrome debug rendering view shows all elements offset from where they actually are, at the position where they should be. Not sure if we can work around this.