Editor: Horizontal Scrollbar 1/2 hidden

[Carreau]

When a line is sufficiently long to trigger the horizontal scrollbar to appear it is 1/2 hidden (on Mac OS 10.10.3, Chrome 53)

[sccolbert]

Do you think this is something we're doing, or a code mirror issue?

[Carreau]

I think it is due to the 4 pitel top margin on the editor:

.jp-EditorWidget {
    border-top: 1px solid #E0E0E0;
    margin-top: 4px;  // this one
}

Removing it for fixes things though I doubt it's the right fix as it removes the 4 pixel border at top conveying it's a panel.
In general the .jp-EditrWidget seem to overflow by a few pixel at the bottom from it's containing p-Widget p-Panel p-StackedPanel p-TabPanel-stackedPanel you can see that when hovering the dom element in the inspector; attempt at a screenshot:

Does that make sens ?

[sccolbert]

Yep. This is our CSS bug.

cc @afshin

[afshin]

I can't reproduce this. Perhaps a different CSS fix has resolved this.

In the text editor I get line wrapping:

In the console, I can see the full scrollbar:

And in the notebook, I can see the full scrollbar:

@Carreau, could you please confirm if this is still happening for you?

[sccolbert]

@afshin It looks like the issue is with the horizontal scrollbar on the text editor being clipped. Not the code cells.

[sccolbert]

also, I don't think line-wrapping on the text editor is a good default. But maybe i'm in the minority there.

[afshin]

@sccolbert yeah, I just couldn't generate a horizontal scrollbar on the editor.

[jasongrout]

also, I don't think line-wrapping on the text editor is a good default. But maybe i'm in the minority there.

For me, it depends a lot on the filetype. I look forward to our settings system so we can have per-filetype wrapping.

[afshin]

Closing because there hasn't been an update in a while; I couldn't reproduce it and it didn't arise again as an issue.