Open Bug 1619933 Opened 4 years ago Updated 2 years ago

“Switch back to inline mode” button can overlaps “Clear the Web Console output” button when devtools window is very narrow

Categories

(DevTools :: Console, defect, P2)

Desktop
All
defect

Tracking

(firefox-esr68 unaffected, firefox73 wontfix, firefox74 wontfix, firefox75 wontfix, firefox76 fix-optional)

Tracking Status
firefox-esr68 --- unaffected
firefox73 --- wontfix
firefox74 --- wontfix
firefox75 --- wontfix
firefox76 --- fix-optional

People

(Reporter: atrif, Unassigned)

References

(Regression)

Details

(Keywords: regression)

Attachments

(2 files)

Attached image overlap_multiline.png

Affected versions

  • 75.0a1 (20200303214128)
  • 74.0 (20200302184608)
  • 73.0.1 (20200217142647)

Affected platforms

  • Ubuntu 18.04
  • Windows 10x64
  • macOS 10.15

Steps to reproduce

  1. Open Firefox and Web Console.
  2. Press Customize Developer Tools and Get help button (3-dot ellipsis on the top right of the web console).
  3. Select the Separate Window option.
  4. Hit Ctrl+B and resize the console horizontally making it smaller.

Expected result

  • No glitches are shown from resizing.

Actual result

  • “Switch back to inline mode” button overlaps the “Clear the Web Console output” button.

Regression Range

  • I will search for one ASAP if there is one.

Notes

  • Attached a screenshot with the issue.
Has Regression Range: --- → no
Has STR: --- → yes

Note that this isn't something caused by the separate window, as it will also appear if you have the toolbox docked to the right and set it at a very narrow width.

Summary: “Switch back to inline mode” button overlaps “Clear the Web Console output” button in when Web Console is used in Separate Window and resized → “Switch back to inline mode” button can overlaps “Clear the Web Console output” button when devtools window is very narrow

(In reply to Nicolas Chevobbe [:nchevobbe] from comment #1)

Note that this isn't something caused by the separate window, as it will also appear if you have the toolbox docked to the right and set it at a very narrow width.

Yes, you are right, thank you!

I also searched for a regression range and here are the results:
Last good revision: 613a1aca13b5d6872d6c77465f33f5143b0d42b4
First bad revision: c05c17a1b9b1768cf9e91a97de196011d7408216
Pushlog:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=613a1aca13b5d6872d6c77465f33f5143b0d42b4&tochange=c05c17a1b9b1768cf9e91a97de196011d7408216
Possible regressor: bug 1567372.

Has Regression Range: no → yes
Regressed by: 1567372

we've the evaluation context selector, we're going to have even more narrow space in the editor toolbar, so we should definitely think of a wrapping mechanism

Priority: -- → P2

Just noticed the same issue with the browser console, as it min-width is smaller.

Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: