Comments (3)
Puzzled by this.
Opera Mini is not a "web browser" but more of "remotely-rendered images viewer" Page is rendered on server and an image (with a fancy click map) is sent to Opera Mini. jSignature (or any other page that uses javascript for interactive in-browser behavior) will NOT (ever?) work on Opera Mini. (Apple does not allow alternative browsers on i-devices, yet they allowed Opera Mini. Hint? :) )
The issue of jSignature likely never working in Opera Mini aside, I cannot understand the viewport issue. I tried jSignature's demo page in: (1) Opera Mini on iPad, (2) Opera Mini on Android, (3) Opera Mobile on Android. The signature pad was rendered to size and in case #3 it actually worked (i could sign). When you saw the issues with viewport you report, was it on your pages or on jSignature's Demo page?
jSignature's Demo page uses 2 viewport instructions in the head tag, one tuned for mobile Androids, one for "others mobile" (Safari, Opera, Firefox, and Android as well if it ever switches to it). This combination proved to be the best guarantor of good cross-browser-compatible viewport scaling on mobile browsers.
<!-- this is for mobile (Android) Chrome -->
<meta name="viewport" content="initial-scale=1.0, target-densitydpi=device-dpi" />
<!-- mobile Safari, FireFox, Opera Mobile. "device-HEIGHT" is intentional -->
<meta name="viewport" content="initial-scale=1.0, width=device-height">
It's not specific to jSignature, so these are not discussed in the documentation. I feel like we should probably discuss this in the docs.
from jsignature.
Gah!
I probably meant Opera Mobile. The behaviour exhibited on Android devices. The issue reported was with our own code, but apart from the removal of modernizr, the code was exactly the same as yours.
I'll close the issue.
Thanks for the response.
from jsignature.
The issue of sig area being wider than 'screen' may still, by freak accident, be an issue caused by jSignature. JSignature tries to be smarty pants about sizing and listens to window resize events, looks at parent's size and rescales itself. I colud imagine situations where Parent sizing oddities (playing around withoverflow value on parents, pushing an absolutely position elem off the screen after 'redy' already fired) may cause jSignature to rescale too wide.
If you think there is a chance of jSignature scaling too far, shoot me example.
from jsignature.
Related Issues (20)
- Invalid signature data being generated from webapp on mobile
- Stopped working after Firefox upgraded to Version 70 (64-bit) HOT 1
- Intermittent Signature Field Blocking Issue
- jSignature不是函数 HOT 1
- VB.NET Base30 Error Found
- Attempt to draw with touchscreen scrolls page on chromebooks HOT 1
- getData not working with base30 or svgbase64 HOT 1
- Creating map file for minified js files might be a good idea HOT 2
- When jSignature signature WeChat is applied to refresh the web page, the canvas cannot be written
- Ctrl+Z plugin HOT 1
- Provide build details? HOT 1
- JSignature not working with touch Windows 10, Chrome, Firefox, Edge, works with Safari 2012 version HOT 19
- setData not working first time called HOT 2
- jSignature - clipping on touch devices iOS and Android
- Check if jSignature is initialized
- base30的显示问题 HOT 4
- base30显示问题 HOT 7
- base30 getData is empty
- Converting Base64 to Base30
- Undo after updateSetting
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jsignature.