You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/05/15 16:07:58 UTC
[GitHub] [incubator-echarts] serfend opened a new issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
serfend opened a new issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645
### Version
4.7.0
### Reproduction link
[https://serfend.gitee.io/#/dashboard](https://serfend.gitee.io/#/dashboard)
### Steps to reproduce
document.body.style.zoom = 1.25;
### What is expected?
cusor should act at events position where it exactly is.
### What is actually happening?
deviate about 25% on the right
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] plainheart commented on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629384858
It seems to be a bug, but css zoom is a non-standard method and [many browsers have a very poor compatibility for css zoom](https://caniuse.com/#feat=css-zoom) (especially in Firefox). Is it necessary to fix?
Instead, we can use `document.body.style.transform = 'scale(1.25)'` to resolve this requirement, which is working well.([Can I Use: CSS Transform](https://caniuse.com/#search=transform))
For IE or other browsers compatibilities, we can add browser prefix for it.
```js
document.body.style.webkitTransform = 'scale(1.25)';
document.body.style.MozTransform = 'scale(1.25)';
document.body.style.OTransform = 'scale(1.25)';
document.body.style.msTransform = 'scale(1.25)';
document.body.style.transform = 'scale(1.25)';
```
or just add a class for `body`
```css
body {
-ms-transform: scale(1.25); /* IE 9 */
-moz-transform: scale(1.25); /* Firefox */
-webkit-transform: scale(1.25); /* Safari & Chrome */
-o-transform: scale(1.25); /* Opera */
transform: scale(1.25);
}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] plainheart edited a comment on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
plainheart edited a comment on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629384858
It seems to be a bug, but css zoom is a non-standard property and [many browsers have a poor compatibility for css zoom](https://caniuse.com/#feat=css-zoom) (especially in Firefox). Is it necessary to fix?
Instead, we can use `document.body.style.transform = 'scale(1.25)'` to resolve this requirement, which is working well.([Can I Use: CSS Transform](https://caniuse.com/#search=transform))
For IE or other browsers compatibilities, we can add browser prefix for it.
```js
document.body.style.webkitTransform = 'scale(1.25)';
document.body.style.MozTransform = 'scale(1.25)';
document.body.style.OTransform = 'scale(1.25)';
document.body.style.msTransform = 'scale(1.25)';
document.body.style.transform = 'scale(1.25)';
```
or just add a class for `body`
```css
body {
-ms-transform: scale(1.25); /* IE 9 */
-moz-transform: scale(1.25); /* Firefox */
-webkit-transform: scale(1.25); /* Safari & Chrome */
-o-transform: scale(1.25); /* Opera */
transform: scale(1.25);
}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] plainheart edited a comment on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
plainheart edited a comment on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629384858
It seems to be a bug, but css zoom is a non-standard method and [many browsers have a poor compatibility for css zoom](https://caniuse.com/#feat=css-zoom) (especially in Firefox). Is it necessary to fix?
Instead, we can use `document.body.style.transform = 'scale(1.25)'` to resolve this requirement, which is working well.([Can I Use: CSS Transform](https://caniuse.com/#search=transform))
For IE or other browsers compatibilities, we can add browser prefix for it.
```js
document.body.style.webkitTransform = 'scale(1.25)';
document.body.style.MozTransform = 'scale(1.25)';
document.body.style.OTransform = 'scale(1.25)';
document.body.style.msTransform = 'scale(1.25)';
document.body.style.transform = 'scale(1.25)';
```
or just add a class for `body`
```css
body {
-ms-transform: scale(1.25); /* IE 9 */
-moz-transform: scale(1.25); /* Firefox */
-webkit-transform: scale(1.25); /* Safari & Chrome */
-o-transform: scale(1.25); /* Opera */
transform: scale(1.25);
}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] plainheart commented on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629741819
Yes. This is a difference between `zoom` and `scale`. `scale` won't change the layout and element holds the same raw size after scaling, but `zoom` will change real size of an element and it will bring a re-rendering of the whole layout. That seems unexpected.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629344515
Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.
In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
Have a nice day! 🍵
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] serfend commented on issue #12645: [Bug]cusor deviate when scale modefied by `document.body.style.zoom`
Posted by GitBox <gi...@apache.org>.
serfend commented on issue #12645:
URL: https://github.com/apache/incubator-echarts/issues/12645#issuecomment-629578112
i'd try set transform:`document.body.style.transform = 'scale(1.25)'` , but it seems not work correctly.
whole page zoom just out of browser.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org