Coder Social home page Coder Social logo

xobotyi / zoom-level Goto Github PK

View Code? Open in Web Editor NEW
22.0 22.0 0.0 1.5 MB

A comprehensive cross-browser package that allow you to determine page's and element's zoom level

License: MIT License

JavaScript 18.24% TypeScript 81.76%
browser scale zoom zoom-detect zoom-level

zoom-level's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar semantic-release-bot avatar xobotyi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

zoom-level's Issues

Does not work on mobile / pinching?

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
When you zoom/pinch in on mobile the zoom level does not update

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have extra dependencies other than zoom-level. Paste the link to your JSFiddle or CodeSandbox example below:

https://www.loom.com/share/6aa27b335cdf4adeb916187f9b3f3ec9

https://codesandbox.io/s/zoomlevel-live-example-841ns

What is the expected behavior?

Zoom level should change when pinching in

Wrong values in retina vs other displays

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
Retina displays will always have values double that of regular displays. I am only interested in desktop, as I anticipate mobile is much more difficult.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have extra dependencies other than zoom-level. Paste the link to your JSFiddle or CodeSandbox example below:
I am looking at https://codesandbox.io/s/zoomlevel-live-example-841ns / https://841ns.csb.app/, as well as testing in the console.

What is the expected behavior?
Ideally a retina display can be identified and its value halved so that retina and non-retina displays give the same value.

Which versions of zoom-level, and which browser / OS / node version are affected by this issue? Did this work in previous versions of zoom-level?
zoom-level: Latest
Browser: Chrome 81.0.4044.122 / FF 75.0
OS: MBP 16 on 10.15.

Doesn't work in Safari

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
Doesn't work in Safari

What is the expected behavior?
I'd expect it to work in Safari

Which versions of zoom-level, and which browser / OS / node version are affected by this issue? Did this work in previous versions of zoom-level?
I'm testing on https://841ns.csb.app in Safari 13.0.4 on Mac 10.14.6. Nothing happens when I zoom in or out of the page, even after clicking the Recalc button. Works as expected in Chrome.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.