Closed Bug 1327771 Opened 7 years ago Closed 7 years ago

Selection in console and inspector sidebars extends outside of scrollable part, so keyboard scrolling doesn't work

Categories

(DevTools :: General, defect)

Product:
DevTools
Component:
General
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED INVALID

People

(Reporter: arni2033, Unassigned)

References

(Depends on 1 open bug)

Details

>>>   My Info:   Win7_64, Nightly 52, 32bit, ID 20161028030204 (2016-10-28)
Text selection in console and inspector extends to outside of scrollable part.
And that, in turn causes these issues:
- (1) Up/Down/PageUp/PageDown/Home/End buttons don't work
- (2) filter buttons / tabs in inspector become selected
- (3) Ctrl+Shift+Home/End doesn't scroll srollable area to the beginning/end
This can be resolved by using iframes. Proof of concept:
data:text/html,asdf<iframe src="http://example.org"></iframe>zxcv


==== Console ====
STR_1:
1. Open url [1]
2. Open console, select message "99" with mouse
3. Press Ctrl+A to select all text in console
4. Press Up/Down keys, or PageUp/PageDown, or Home/End to scroll console messages via keyboard

AR:  No visible action
ER:  Messages in console should scroll up/down

> [1] data:text/html,<body><script>var S="";for(i=2000;i<2100;i++)S+="<style>body{max-height:"+i+"px}</style>";document.documentElement.innerHTML=S;for(i=0;i++<99;)console.log(i)</script>


STR_2:
1. Open url [1]
2. Open console, scroll console messages to the beginning
3. Move mouse to the end of console message "2", hold left mouse button, 
   move mouse to content area above devtools toolbox, release left mouse button
4. Click on "Toggle filter bar" button in console above console messages to open filter bar

AR:  Filter buttons are all selected (blue text selection, not "enabled" blue background of buttons)
ER:  Text selection shouldn't extend to filter buttons


STR_3:
1. Open url [1]
2. Open console, scroll console messages to the center
3. Select message "50" with mouse
4. Press Ctrl+Shift+Home or Ctrl+Shift+End

AR:  Scroll position in console messages doesn't change
ER:  Console messages should be scrolled to the beginning/end


==== Inspector sidebars ====
STR_4:
1. Open url [1]
2. Open inpector -> rules, select text "max-height: 2099px;" with mouse
3. Press Ctrl+A to select all text in ruleview
4. Press Up/Down keys, or PageUp/PageDown, or Home/End to scroll rules via keyboard

AR:  No visible action
ER:  Rules should scroll up/down


STR_5:
1. Open url [1]
2. Open inpector -> rules, select text "max-height: 2099px;" with mouse
3. Press Ctrl+A

AR:  Tabs in inspector sidebar become selected
ER:  Text selection shouldn't extend to tabs


STR_6:
1. Open url [1]
2. Open inpector -> rules, select text "max-height: 2099px;" with mouse
3. Press Ctrl+Shift+Home/End

AR:  Scroll position in ruleview doesn't change
ER:  Rules should be scrolled to the beginning/end


STR_7:
1. Open url [1]
2. Open inpector -> rules, select text "max-height: 2099px;" with mouse from right to left
3. Press Ctrl+Shift+Home

AR:  All text AFTER "max-height: 2099px;" is selected(!)
ER:  All text from beginning to "max-height: 2099px;" should be selected


Note:
 I reported all this in this bug report, because I think that it's one bug.
 I don't know how you're going to use this bug, given that part of this was addressed in bug 1201750.
 All of this except for STR_6 are regressions, but IMO it makes no sense to fix them separately.
 Anyway, I just detected this bug that makes text selection in devtools unusable.
No longer blocks: 1277113
Component: Untriaged → Developer Tools
My impression is they would be solved separately in each tool, so I broke them up into separate bugs.
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → INVALID
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.