Skip to content

v1.2.7 — Fix SDK Bootstrap breaking checkout layout

Choose a tag to compare

View all tags
@techfleek-code techfleek-code released this 04 Aug 06:31
· 7 commits to main since this release
v1.2.7
62c4de8

v1.2.7

Fixed

  • Checkout page layout breaking when the plugin is active (reported on the Motta theme, but affects any theme). The Jio Pay SDK bundle injects the full Bootstrap stylesheet into the page <head> on load. Bootstrap's global reboot then overrode the store theme's checkout layout — collapsing columns and stacking form-field labels vertically.

How it's fixed

  • Added a Bootstrap leak guard in the checkout integration script:
    • The SDK's injected Bootstrap stylesheet is disabled on the host page by default, so the theme's checkout renders normally.
    • It is re-enabled only while the Jio Pay payment popup is open (the popup is a full-screen overlay that relies on Bootstrap for its own styling), then disabled again when the popup closes (success / failure / cancel).
    • The injected blob is identified by two markers unique to a complete Bootstrap build, so a theme's own styles are never affected. A MutationObserver also neutralizes any later injection.

No changes to the payment flow itself; this is purely a CSS isolation fix.

Assets 2
Loading