Hi, i'm using framework7 v1.5.3 and framework7-react v0.9.3-2.
I've got an issue with Progressbar component on my pretty old phone: progressbar wasn't updated when i changed progress attribute.
The problem is in my phone WebView: it doesn't support transform property.
I found out this issue was connected to framework7-vue progress bar class, as it didn't affect -webkit-transform, if transform property isn't supported.
I have a quick fix for that. In the framework7-react module i edited framework7-vue.js (string 4049).
was:
style: { 'transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '' }
became:
style: { 'transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '', '-webkit-transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '' }
nolimits4web
commented
6 years ago
Hi, i'm using framework7 v1.5.3 and framework7-react v0.9.3-2. I've got an issue with Progressbar component on my pretty old phone: progressbar wasn't updated when i changed progress attribute.
The problem is in my phone WebView: it doesn't support transform property. I found out this issue was connected to framework7-vue progress bar class, as it didn't affect -webkit-transform, if transform property isn't supported. I have a quick fix for that. In the framework7-react module i edited framework7-vue.js (string 4049). was:
style: { 'transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '' }became:style: { 'transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '', '-webkit-transform': progress ? 'translate3d(' + (-100 + progress) + '%,0,0)' : '' }And it works perfectly.