<panel>s (e.g. filter tooltip) are partially clipped if I switch from maximized window mode to normal

NEW
Unassigned

Status

()

3 years ago
2 years ago

People

(Reporter: arni2033, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(firefox47 affected)

Details

(URL)

User Story

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509

STR_2:
1. Open only 1 Firefox window, in normal (not maximized) mode. Move it to the bottom by 100px
2. Remove all items from toolbar, move Pocket button to the end of toolbar. Open Pocket panel
3. Resize the window, so that there was >100px between the window and Left side of screen (see [1])
4. Maximize Firefox window
5. Click Pocket button
6. Press Win+Down

AR:  Panel is clipped at the right by Y horizontal pixels (see screenshot 1)
ER:  Panel shouldn't be clipped in any way

Note:
 Explanation of Step 3 (read it and try again if you couldn't reproduce):
  Let X be the number of horizontal pixels between the Right border of Pocket button and
  the Right border of the window. Move the Left border of the window so that there were (X+Y)px
  between the Left border of the window and the Left side of the screen
 (choose any integer Y for which:  0 < Y < width_of_pocket_panel)

Attachments

(2 attachments)

(Reporter)

Description

3 years ago
Created attachment 8721526 [details]
screenshot 1 - Tooltips (panel s) are partially clipped.png

>>>   My Info:   Win7_64, Nightly 47, 32bit, ID 20160218030349
STR:
1. Open the following "data:" url or click URL in the form above
>   data:text/html,<style>*{filter:none}
2. Open devtools -> Inspector, inspect <body>, open "Rules" tab in sidebar.
3. Resize sidebar to have as small width as possible (see Note 2!)
4. Switch window to normal mode. Resize window so that:
   it was as narrow as possible BUT inspector was still in horizontal mode.
5. Move the window to the right side of the screen so that if you opened filter tooltip,
   it would be forced to change its position because of the right side of the screen
6. Maximize window
7. Click filter circle near string "none" in "Rules" tab to open filter tooltip
8.A) Press Win+Down to switch window to normal mode w/o hiding tooltip
8.B) Click <select> inside tooltip, then click "Change size" button at the top right of the window

AR:  Tooltip is clipped
ER:  Tooltip shouldn't be clipped

Note:
1) STR above are the most reliable; this happens more commonly. See screenshot 1.
2) Step 8.A and Step 8.B are different scenarios of changing window mode w/o hiding tooltip.
3) There's no need to report 8.B as a bug. I reported that mechanism several times.

Updated

3 years ago
Component: Untriaged → XUL
Product: Firefox → Core
Let's see what devtools says about this.
Component: XUL → Developer Tools: Inspector
Product: Core → Firefox
(Reporter)

Comment 2

3 years ago
incorrect
UPD
I can reproduce this with animation panel and can't reproduce it with other <panel>s (including popups from toolbar buttons). Url for animation panel:   data:text/html,<style>*{animation:ease}
Created attachment 8723614 [details]
Capture.PNG

(In reply to arni2033 from comment #0)
> 2) Step 8.A and Step 8.B are different scenarios of changing window mode w/o
> hiding tooltip.
Another way to have the tooltip always visible is to open the browser toolbox [1] first and use the "disable popup autohide" button (which you might have to enable first from the settings panel if you have never done it).

I couldn't reproduce on windows 10 using the steps in comment 0. But using the "disable popup autohide" feature and moving/resizing the window randomly, I ended up being able to reproduce it. Sorry I don't have a specific list of steps, but there are indeed some weird corner cases where the xul panel is only partially displayed. I managed to reproduce by moving the browser window partially off screen, and then maximizing, and doing this a few times.

I don't think this is related to anything devtools does.
This XUL panel is created, appended and shown in https://dxr.mozilla.org/mozilla-central/source/devtools/client/shared/widgets/Tooltip.js
And it looks like when the clipping happens, all elements in the panel are clipped. It looks like a graphics issue. If, using the browser toolbox, I log the width of various elements in the panel, I get what I expect, not a width constrained to the area that is clipped. Same if I use the highlighter from the browser toolbox to highlight elements in the tooltip, I can clearly see that the right border of the highlighter isn't shown, so is clipped too.

So I don't think this should be a devtools bug, but I can't be sure, I know too little about XUL panels.

[1] https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox
Filter on CLIMBING SHOES
Priority: -- → P3
Whiteboard: [btpp-backlog]
(Reporter)

Comment 5

2 years ago
UPD_2:  comment 2 is inaccurate. See user story for STR
User Story: (updated)
Component: Developer Tools: Inspector → XUL
Priority: P3 → --
Product: Firefox → Core
Whiteboard: [btpp-backlog]
(Reporter)

Updated

2 years ago
User Story: (updated)
(Reporter)

Updated

2 years ago
User Story: (updated)
Blocking this on Bug 1267414, as we are converting the different editor tooltips to use the HTML tooltip.
Depends on: 1267414
(Reporter)

Comment 7

2 years ago
This is not devtools bug, bug 1267414 won't affect this. Read user story. I'll upload more screenshots
later. Btw I thought that by changing component I removed this from all possible devtools lists
No longer depends on: 1267414
You need to log in before you can comment on or make changes to this bug.