-
Type:
Bug
-
Status: Done
-
Priority:
High
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: Winter 2020 Mobile Resposiveness
-
Labels:None
-
Company:All Clients/Multiple Clients
PDF inputs are getting distorted in Firefox browser.
zoom property of css is not working in case of Firefox browser by which the PDF is getting distorted when checked for responsiveness.
An alternate to the zoom needs to be found for this fix specifically for Firefox browsers.
Mozilla Firefox open bug for zoom property:
https://bugzilla.mozilla.org/show_bug.cgi?id=1254064
cc - Samir Narendra Kumar
Hi,
We tried to fix the zoom issue in Firefox using other property which is defined specially for Mozilla Firefox browsers.
The alternate to zoom in Firefox is transform property. And applying that property on behalf of zoom does not resolved our issue.
We used following property fix:
-moz-transform: scale(px);
-moz-transform-origin: px px
Both the zoom and transform property works differently. Below link states their difference:
The main difference between transform scale and zoom is , zoom will modify the box sizing of the element being zoomed, while transform scale will not change original height and width of the element, while scaling only the displayed output.
Apart from this we did not found any feasible solution that can fix responsiveness issue for all our PDF templates globally.
cc - Samir
Thanks