Paypal-checkout-components: Change Smart Button z-index

Created on 17 Jul 2019  路  2Comments  路  Source: paypal/paypal-checkout-components

Hello,

I'm implementing a _PayPal Smart Button_, and it sets its z-index to 100, which breaks all my modals in the webpage. Is there a way to prevent it from setting its z-index?

Thanks!

picture guidolodetti
👍5

Most helpful comment

You can wrap it in something with a relative position and z-index 1 to prevent the item from interfering.

Something like:

<div style="position: relative; z-index: 1;">
  <paypal-button-here />
</div>
picture TheDutchCoder on 21 Nov 2019
👍3

All 2 comments

You can wrap it in something with a relative position and z-index 1 to prevent the item from interfering.

Something like:

<div style="position: relative; z-index: 1;">
  <paypal-button-here />
</div>
TheDutchCoder picture TheDutchCoder on 21 Nov 2019
👍3

The fix above works, but why is the z-index on these buttons 100 in the first place... ?

pmourer picture pmourer on 21 Jan 2021
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

AashutoshPrashar picture AashutoshPrashar  路  5Comments
stevedeighton picture stevedeighton  路  6Comments
stephen-last picture stephen-last  路  6Comments
Soulpancake000 picture Soulpancake000  路  5Comments
webdeb picture webdeb  路  3Comments