1619199 - [Debugger] Always-visible input field in Watch Expressions and XHR Breakpoints

Status: UNCONFIRMED

(DevTools :: Debugger, enhancement, P3)

Description

[luc4leone]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.116 Safari/537.36

Steps to reproduce:

Right now if the user has already added at least one Watch Expression or XHR Breakpoint the input field to add a new item is hidden. The best usability seems to be to have it always visible. Once that's accomplished, there's no need to have the plus button (add Watch Expression / add XHR Breakpoint) in the accordion header (top right corner), since when the input field is visible, the plus button just move the focus to the input field. To summarize:

1. Make the input field in Watch Expression or XHR Breakpoint always visible
2. Eliminate the plus button in Watch Expression and XHR Breakpoint

Details disccussed here: https://github.com/firefox-devtools/ux/issues/102

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[luc4leone]

Would love to be assigned to it if you don't advice against it, cause it's too difficult Jason.

Comment 3

[David Walsh :davidwalsh]

Any thoughts on the UX here Victoria?

Comment 4

[Victoria Wang [:victoria]]

I think these are great ideas! (Conclusions were made in the UX bug)

Comment 5

[luc4leone]

Hi David and Logan I'd like to attack it, would this one be a difficult one? (not sure this is an inappropriate question)

Comment 6

[David Walsh :davidwalsh]

Sure @luc4leone! This would be great for you!

Comment 7

[luc4leone]

perfect then @davidwalsh, I'll work on it, thanks!