question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Panel sometimes gets pushed underneath gutter

See original GitHub issue

I haven’t tested this much, but it seems that depending on the gutter width and the window width, sometimes the panel width plus gutter width adds up to more than 100%, which ends up pushing the panel underneath the gutter.

Consider a case with two panels that are split next to each other. For me, this has happened only when collapsing the left panel all the way to 0. Curiously, collapsing the right pane completely did not reproduce the issue.

Initial state:

                     ↓ gutter
xxxxxxxxxxxxxxxxxx   |   xxxxxxxxxxxxxxxxxx
x                    |                    x
x    left panel      |      right panel   x
x                    |                    x
xxxxxxxxxxxxxxxxxx   |   xxxxxxxxxxxxxxxxxx

Then I drag the gutter all the way to the left, which hides the left panel.

Desired result:

↓ gutter (left panel hidden)
| xxxxxxxxxxxxxxxxxx
|                  x
|  right panel     x
|                  x
| xxxxxxxxxxxxxxxxxx

Actual result:

↓ gutter (left panel hidden)
|
|
|
|
|
xxxxxxxxxxxxxxxxxx
                 x
   right panel   x         (right panel pushed underneath gutter)
                 x
xxxxxxxxxxxxxxxxxx

The thing about the gutter and the right panel adding up to more than 100% width is just my initial intuition and it could obviously be something else altogether.

For now, my temporary solution was to set the gutter width to one pixel smaller using css:

.gutter.gutter-horizontal {
  width: 9px !important;
}

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
nathancahillcommented, Feb 16, 2017

Ok, thanks, I was able to reproduce. Will have a fix shortly. Sorry about that.

0reactions
nathancahillcommented, May 30, 2017

Released in 1.3.5. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

25 Ways to Fix Gutter Leaks and Other Roofing Issues
Loose Gutters​​ Pounding them back in becomes a temporary fix at best. One way to make sure your gutters don't fall off the...
Read more >
Gutter leaks and defects: Photo Guide to Roof Gutters
Roof gutter defects & how they cause building leaks, damage, or wet basements & crawl spaces. Here we list and describe gutter problems...
Read more >
Gutter Splash Guards: What Are They and Do You Need Them?
The gutter splash block is installed at the end of a downspout to ensure water is pushed away from the house and not...
Read more >
5 signs your gutters need repair - Bob Behrends Roofing
A tree branch hitting a gutter can cause it to sag or droop. Vinyl gutters sag more often then steel or aluminum because...
Read more >
3 Easy Ways to Unblock a Gutter Downspout - wikiHow
1. Set a ladder at an angle against your home. Use an extension ladder that’s tall enough to access the top of your...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found