Comments (12)
Thanks for the feedback! In Safari, we expect some errors due to our use of PostMessage but they should be purely cosmetic. This was also brought up as an issue for braintree-web as well.
As for older browser support, we'll take a look to see what we can do to improve the unsupported browser experience.
from braintree-web-drop-in.
@lilaconlee Thanks. I think it'd be helpful for this to be in the drop-in UI, so every site doesn't need to implement this by itself! Our browser support is a bit broader than yours, so having a better experience for these edge cases would be useful.
from braintree-web-drop-in.
@lilaconlee It seems that Safari 8 on iOS, which is supposed to be supported, is having the same problem as Safari 6. The blocked frame message is spewing to the console multiple times a second, and the form will not move forward.
Can you take a look? (I can open a separate issue if necessary.)
from braintree-web-drop-in.
I haven't been able to replicate the form being blocked, but I'll look into the console errors. We expect some console errors in the console in Safari, but not that many.
If you can provide any additional replication information, we can definitely take a better look into why the form won't move forward. I've been testing on an iOS 8 simulator with our demo app.
from braintree-web-drop-in.
The cross domain error messages are coming from our PayPal component and folks are working on a fix. You can follow the GitHub issue for those errors here.
Still, that should be unrelated to the issues you're seeing with the form, so please keep us updated with any additional information you find.
from braintree-web-drop-in.
@lilaconlee I am also able to reproduce the issue with your demo app on BrowserStack using an iPad Air 2 with iOS 8. Any chance you have access to that? Easy repro for me. I'm happy to do a remote session with you to show you if that's easier.
from braintree-web-drop-in.
#202 should fix the functionality and styling in older iOS Safari. We'll get it reviewed and get it in with the next release. Thanks for reporting it!
from braintree-web-drop-in.
Great, looking forward to trying the fix. Is the demo app updated with this yet so I can try it out?
from braintree-web-drop-in.
We keep the demo app running the latest released version, so it won't be updated until the next release.
If you want to checkout the fix-ios-safari-8
branch and follow the development instructions you can run the demo app locally. Once everything is built, you should be able to run npm run development
to serve the app at port 4567.
from braintree-web-drop-in.
@dpolivy The iOS 8 card form submission bug is fixed as of 1.3.1 and is available to test on our demo app.
The styling in older versions of iOS should still be improved, so we'll leave the issue open until that has been addressed.
from braintree-web-drop-in.
I was able to test on Safari 7 and 8, and both were able to proceed to the payment step, which is great to see. Thanks for the quick fix.
I did notice that the green circle graphic isn't rendering properly, hopefully that's what you're still planning to address in the future.
from braintree-web-drop-in.
We've improved the UI for older versions of mobile safari as part of 1.4.0. Let us know if there's something we didn't catch!
from braintree-web-drop-in.
Related Issues (20)
- Financing Options HOT 1
- Full CSP support HOT 5
- Capture errors when there is an Apple Pay error. HOT 1
- updateConfiguration cannot update credit card properties HOT 3
- > "https://api-m.paypal.com" HOT 1
- hoISeoI373mTmmqZxBUwNIeIGfEB4JQH5kNWfVB6tWxeiIUkTkw0EnHdwBJWRBOy HOT 1
- [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. HOT 2
- Apple Pay svg size iPhone 15 series / macOS Sonoma HOT 1
- updated CSP configuration HOT 4
- DropUI Fails to render with ApplePay on newer iPhones HOT 3
- Apple Pay UI goes disappears in a second HOT 1
- data-collector.min.js doesn't loaded HOT 3
- Display new card input form automatically when drop-in is initialized with customerId HOT 1
- Email from Braintree re Updates to required 3D Secure data fields HOT 12
- Initial render events randomly triggered HOT 1
- AuthenticationInsight seem not supported and impossible HOT 1
- Device Data is never returned HOT 2
- threeDSecure - Always Errors HOT 1
- REACT : instance.updateConfiguration() not updating the instance when using dropinInstance as a MutableRefObject
- CardholerName prefill HOT 2
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 braintree-web-drop-in.