Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

transform: scale() / zoom can glitch element picker position and size #419

Open
4 of 8 tasks
krystian3w opened this issue Feb 12, 2019 · 14 comments
Open
4 of 8 tasks

transform: scale() / zoom can glitch element picker position and size #419

krystian3w opened this issue Feb 12, 2019 · 14 comments
Labels
Firefox specific to Firefox something to address something to address

Comments

@krystian3w
Copy link

krystian3w commented Feb 12, 2019 •
edited
Loading

Prerequisites

  • I verified that this is not a filter issue
  • This is not a support issue or a question
  • 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

broken size and fixed position for element picker.

obraz

A specific URL where the issue occurs

http://muzykabezkabli.pl/

Steps to Reproduce

  1. Open website
  2. Try block something by element picker
  3. elelement picker now is glitched

Expected behavior:

Possible fix?

or no possible without:

||muzykabezkabli.pl/css/zoom.css$stylesheet,domain=www.muzykabezkabli.pl
www.muzykabezkabli.pl##html[style]:style(transform: none !important;)

❓

Actual behavior:

glitched by CSS3 tranformations?

<html style="transform: scale(0.895333, 0.895333);" >

Your environment

  • uBlock Origin version: uBO 1.18.4
  • Browser Name and version: Firefox 56
  • Operating System and version: Windows 7
@krystian3w
Copy link
Author

https://web.archive.org/web/20190212164309/http://muzykabezkabli.pl/

@uBlock-user
Copy link
Contributor

The only glitch I see is the position of the red target selector, other than that everything else is fine.

@uBlock-user uBlock-user added something to address something to address Firefox specific to Firefox labels Feb 12, 2019
@uBlock-user
Copy link
Contributor

The glitch in the screenshot is specific to Firefox.

@krystian3w
Copy link
Author

So no reproduced on Chromium?

@uBlock-user
Copy link
Contributor

So no reproduced on Chromium?

Yes, I cannot reproduce the glitch in the picture on Chromium.

@krystian3w
Copy link
Author

<html style="transform: scale(0.895333, 0.895333);" > on mother website I found.

@krystian3w
Copy link
Author

krystian3w commented Feb 12, 2019 •
edited
Loading

On chromium website use:

<html style="zoom: 0.895333;" >, so possible reproduce in Chromium with better demo.

@krystian3w

This comment has been minimized.

Sign in to view
@kulfoon
Copy link

kulfoon commented Feb 17, 2019

I confirm the glitch (Firefox 65.0.1 64bit & uBO 1.18.4 & Win 7 SP1 64bit).

@gorhill
Copy link
Member

gorhill commented Feb 17, 2019

I can reproduce, the site uses a transform CSS style. No clue which browser gets it right. Chromium renders fine but the mouse clicks in the picker are offset.

@krystian3w

This comment has been minimized.

Sign in to view
@gwarser
Copy link

gwarser commented Jan 18, 2020

image

@krystian3w

This comment has been minimized.

Sign in to view
@krystian3w krystian3w changed the title Website glitch element picker transform: scale() / zoom can glitch element picker position and size Apr 14, 2020
@krystian3w krystian3w mentioned this issue Apr 14, 2020
Closed
8 tasks
@krystian3w krystian3w mentioned this issue Apr 4, 2022
Closed
5 tasks
@MasterKia
Copy link
Member

All element picker breakages

CSS transform:
#419

<dialog>:
#2027

Shadow DOM:
#2346

Iframe removed by the page:
#2695

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Firefox specific to Firefox something to address something to address
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@gorhill @gwarser @MasterKia @uBlock-user @krystian3w @kulfoon