Open krystian3w opened 5 years ago
https://web.archive.org/web/20190212164309/http://muzykabezkabli.pl/
The only glitch I see is the position of the red target selector, other than that everything else is fine.
The glitch in the screenshot is specific to Firefox.
So no reproduced on Chromium?
So no reproduced on Chromium?
Yes, I cannot reproduce the glitch in the picture on Chromium.
<html
style="transform: scale(0.895333, 0.895333);"
>
on mother website I found.
On chromium website use:
<html
style="zoom: 0.895333;"
>
, so possible reproduce in Chromium with better demo.
For me this is very bad CSS Media Query use method:
http://www.muzykabezkabli.pl/css/zoom.css
@media screen and (min-width: 1516px) {
html {
zoom: 1;
-ms-zoom: 1;
-webkit-zoom: 1;
}
}
@media screen and (max-width: 1515px) {
html {
/* zoom: 0.95; */
-ms-zoom: 0.95;
-webkit-zoom: 0.95;
-moz-transform: scale(0.95,0.95);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1440px) {
html {
/* zoom: 0.90; */
-ms-zoom: 0.90;
-webkit-zoom: 0.90;
-moz-transform: scale(0.90,0.90);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1365px) {
html {
/* zoom: 0.85; */
-ms-zoom: 0.85;
-webkit-zoom: 0.85;
-moz-transform: scale(0.85,0.85);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1284px) {
html {
zoom: 0.80;
-ms-zoom: 0.80;
-webkit-zoom: 0.80;
-moz-transform: scale(0.80,0.80);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1224px) {
html {
zoom: 0.75;
-ms-zoom: 0.75;
-webkit-zoom: 0.75;
-moz-transform: scale(0.75,0.75);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1138px) {
html {
zoom: 0.70;
-ms-zoom: 0.70;
-webkit-zoom: 0.70;
-moz-transform: scale(0.70,0.70);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1067px) {
html {
zoom: 0.65;
-ms-zoom: 0.65;
-webkit-zoom: 0.65;
-moz-transform: scale(0.65,0.65);
-moz-transform-origin: left top;
}
}
@media screen and (max-width: 1007px) {
html {
zoom: 0.60;
-ms-zoom: 0.60;
-webkit-zoom: 0.60;
-moz-transform: scale(0.60,0.60);
-moz-transform-origin: left top;
}
}
No possible better build responsive website...
I confirm the glitch (Firefox 65.0.1 64bit & uBO 1.18.4 & Win 7 SP1 64bit).
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.
IMO no longer glitched - @gwarser?
Strange for my no generate pool without dark transparent background...
CSS transform
:
https://github.com/uBlockOrigin/uBlock-issues/issues/419
<dialog>
:
https://github.com/uBlockOrigin/uBlock-issues/issues/2027
Shadow DOM: https://github.com/uBlockOrigin/uBlock-issues/issues/2346
Iframe removed by the page: https://github.com/uBlockOrigin/uBlock-issues/issues/2695
Prerequisites
Description
broken size and fixed position for element picker.
A specific URL where the issue occurs
http://muzykabezkabli.pl/
Steps to Reproduce
Expected behavior:
Possible fix?
or no possible without:
:question:
Actual behavior:
glitched by CSS3 tranformations?
<html
style="transform: scale(0.895333, 0.895333);"
>
Your environment