Block element preview window overlays object to be blocked.

[truthsword]

Prerequisites

• I verified that this is not a filter issue
  • Filter issues MUST be reported at filter issue tracker
• This is not a support issue or a question
  • Support issues and questions are handled at /r/uBlockOrigin
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue
  • Your issue may already be reported.
• I tried to reproduce the issue when...
  • uBlock Origin is the only extension
  • uBlock Origin with default lists/settings
  • using a new, unmodified browser profile
• I am running the latest version of uBlock Origin
• I checked the documentation to understand that the issue I report is not a normal behavior

Description

Many websites have popup video window that locates itself in the lower right corner of the web page. When "Block element" is called to remove it the "Block element" windows also locates to the lower right corner, obscuring the video element I want to block, and I am unable to see the effect when choosing blocking elements to preview.
There needs to be a means to drag the Block element window to another part of the screen, so that Preview effect may be seen.

A specific URL where the issue occurs

There are many... here is one...
https://www.jpost.com

[A specific URL is MANDATORY for issue happening on a web page, even if it happens "everywhere"]

Steps to Reproduce

1. Open web page, scroll down to cause video pop-out window to jump to lower right corner of browser.
2. Open uBlock's "Block element"
3. "Block element" window sits on top of undesired video pop-out window.

Expected behavior:

Relocate "Block element" window to another part of the screen to reveal undesired video pop-out window.

Actual behavior:

Can't detect uBlock Preview action.

Your environment

• uBlock Origin version: 1.19.6
• Chrome Version 74.0.3729.169 (Official Build) (64-bit)
• Operating System and version: Win10 x64

[uBlock-user]

scroll down to cause video pop-out window to jump to lower right corner of browser

That doesn't happen on my end.

[gorhill]

I can also not reproduce.

When I move the mouse pointer outside the picker dialog, the dialog fades away which may give the impression that it's being overlapped, but bringing the mouse back inside and the dialog returns and renders properly.

[uBlock-user]

Element picker iframe is always placed at the top of all other frames and never under so this would never occur in the first place.

[truthsword]

Page loads with pop-out video

Picker selected/video obscured

[gorhill]

Oh I understand now, I misunderstood, I thought you meant the picker was underneath the video widget.

Just move the mouse outside the picker dialog, it will fade away revealing what is under.

[gorhill]

Ok, being able to drag the dialog out of the way would help when trying different suggested choices.

[truthsword]

Ok, being able to drag the dialog out of the way would help when trying different suggested choices.

Yes... So I cannot tell which filter has an affect as when I click preview the effect on the video window is unknown.

[gorhill]

I'm reading the steps-to-reproduce and expected behavior again and I have no clue how I ended up misunderstanding the issue. Sorry about this.

[truthsword]

No problem. A workaround is to narrow the browser window. Apparently the picker window and video resize differently, so I managed for force the video to extend enough beyond the picker window to select a filter. I'm not sure that is doable on other sites, but it may help.

[kulfoon]

Me too encountered the issue x times while trying to block something which was placed at bottom-right corner.

gorhill : Ok, being able to drag the dialog out of the way would help when trying different suggested choices.

Yes, or another solution is an 9 directional pad button in Element Picker's window - an user clicks a desired direction/arrow and the window is moved there:

[krystian3w]

Try this:

https://userstyles.org/styles/168306/move-ublock-origin-element-picker, no possible better with CSS only. I no support *-center element picker in my CSS.

left-top	center-top	right-top
❌	❌	❌
left-bottom	center-bottom	(default in uBo)

[setanarut]

Does anyone interested in this problem. Using Stylish is not a real solution.

[uBlock-user]

Available with 1.23.1b17

[gwarser]

Dialog can be dragged by empty space between buttons. Something worth mentioning in wiki.

gorhill/uBlock@d199577