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

Weird Tree Highlighting / Overflow #3972

Closed
darkwing opened this issue Sep 11, 2017 · 4 comments
Closed

Weird Tree Highlighting / Overflow #3972

darkwing opened this issue Sep 11, 2017 · 4 comments

Comments

@darkwing
Copy link
Contributor

When scrolling horizontally in tree, the highlight background color looks weird:

weirdhighlight

Probably a Firefox quirk more than anything. We should investigate the cause and then file a Firefox bug if it appears to be a browser issue.

@darkwing
Copy link
Contributor Author

This has something to do with it:

.managed-tree .tree {
    white-space: nowrap;
}

Removing that CSS solves the problem, though the text wraps. We should focus the fix around this.

@amitzur
Copy link
Contributor

amitzur commented Sep 13, 2017

I think the only solution here is to wrap the text node with a span and give that span the same styling. It's the only element that reaches the right edge.

I made a simplified case here:
The problem:
https://jsfiddle.net/wLsc4unm/1/
The solution:
https://jsfiddle.net/usLszhuL/3/

@zacck-zz
Copy link
Contributor

@jasonLaster I can try get this one working

@jasonLaster
Copy link
Contributor

sure!

GarethSharpe added a commit to GarethSharpe/debugger.html that referenced this issue Sep 23, 2017
…rethSharpe/debugger.html into firefox-devtools#3972"

This reverts commit 96f16e958170c5e520da1c61f7d867267dd8c73e, reversing
changes made to 2d8fcc7bb36dd9ef591e4f37c96cb61e03f7bd02.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants