AMP Social Share iOS 11 Mobile Safari issue
See original GitHub issueOn Mobile Safari, on iOS 11.x the amp social share buttons don’t appear, this bug doesn’t occur in other iOS browsers. This is the page: https://kpiinstitute.org/wp-content/themes/cast/amp/page-certified-kpi-professional-practitioner-dubai.html And here is a screenshot of the issue on iPhone SE running iOS 11.2 and Mobile Safari: http://i65.tinypic.com/2ufugap.jpg Another screenshot but this time on Firefox for iOS where the bug doesn’t occur: http://i67.tinypic.com/dwf3ax.jpg
In <head/>
I have included the needed JS:
<script async src="https://cdn.ampproject.org/v0.js"></script> <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
And here is the code for the social buttons:
<div class="sticky-social"> <div class="facebook"> <amp-social-share type="facebook" data-param-app_id="254325784911610"></amp-social-share> </div> <div class="twitter"> <amp-social-share type="twitter"></amp-social-share> </div> <div class="linkedin"> <amp-social-share type="linkedin"></amp-social-share> </div> <div class="gplus"> <amp-social-share type="gplus"></amp-social-share> </div> </div>
What can I do or how can this be fixed? Thank you!
Issue Analytics
- State:
- Created 6 years ago
- Comments:7 (5 by maintainers)
Looks like an SVG rendering issue. We may need to tweak our SVG… ugh SVG! 😃
Closing this isse as per last comments