ngx-paypal icon indicating copy to clipboard operation
ngx-paypal copied to clipboard

Unable to close Paypal from ionic application

Open yashp98 opened this issue 3 years ago • 3 comments

I have ionic application. I am using this package in ionic application . but when I open PayPal popup in small device close button is hide .unable to go back to app and for notch device close button is cut down .any one know how to open in browser or any other solution. Simulator Screen Shot - iPod touch (7th generation) - 2021-02-26 at 09 46 06

image

yashp98 avatar Feb 26 '21 04:02 yashp98

facing the same issue.. would be nice to have a way to customize that overlay as well, to remove the white border i.e.

marshall86 avatar May 26 '21 10:05 marshall86

I managed to remove the ugly white border and the close button.

You need to put this style in your custom.scss file or any other global css file:

html.ios .paypal-checkout-sandbox-iframe {
    top: 25px !important; 
    border: 0;
}

this style will remove the white border if you like and move the overlay slightly down, you can really style the close button because it's inside an iframe that is generated only once the paypal js sdk is loaded.

marshall86 avatar May 27 '21 14:05 marshall86

`.paypal-checkout-sandbox-iframe { border: 0; }

html.plt-ios .paypal-checkout-sandbox-iframe { top: env(safe-area-inset-top) !important; }`

This is the best way

marshall86 avatar May 27 '21 15:05 marshall86