Cart Issues with SEO URL in Event Booking?

  • fw114
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 months 1 week ago #175971 by fw114
Is it possible that eventsbooking got  issues with the correct cart / ID settings in checkout if you use SEO urls like:
yourdomain.com/index.php/tickets 

that if you move further in the checkout you loose the / or get the wrong ID :
/index.php/tickets?task=cart.add_cart&id=111&pt=123456

and then get a 500 error because apache gets no answer from the php-fpm ?
 

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #175981 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Cart Issues with SEO URL in Event Booking?
The link above is not wrong. I do not now why it could procedure 500 errors ?

Tuan

Please Log in or Create an account to join the conversation.

  • fw114
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 months 6 days ago #176087 by fw114
Replied by fw114 on topic Cart Issues with SEO URL in Event Booking?
Well, longer Text, also to Template Builder / Maintainer!

Issue: Square Card Payment field failing intermittently on iOS Safari
Component: EventBooking 5.3.1
Payment Plugin: os_squarecard 4.5.0
CMS: Joomla 5.4.1
Template: Helix Ultimate + SP Pagebuilder
Description of the Problem

Square’s embedded card payment fields inside EventBooking work on:

Desktop (Firefox, Chrome, Safari)

Android (Chrome)

Some iOS Safari versions (e.g., iOS 15.8.5 confirmed working)

However, on many newer iOS Safari builds, the checkout process fails in one of these ways:

A) The Square card iframe loads, but the Terms checkbox becomes unclickable

Safari WebKit appears to create an invisible overlay/hitbox above the form elements, preventing interaction with:

Terms & Conditions checkbox

Sometimes the Captcha field

The iframe is visually correct but sits on a higher z-index on iOS.

B) On certain iOS versions the payment does not complete

The user presses Register & Pay, but:

Nothing happens, OR

The page reloads back to /tickets, OR

The Square token is never generated

This only occurs on iOS Safari — Android and PC work reliably.

2. Technical Findings
• The Square iframe loads correctly

The browser console confirms:

main-iframe.html loaded successfully
Square JS v1 loaded
Card Element initialized

• CSS/JS overlays from the template previously caused click-blocking

This was fixed by removing all custom CSS/JS overrides.

After cleanup:

✔ Terms checkbox works
✔ Captcha works
✔ Square iframe visible
✔ Payments succeed on iOS 15.8.5

• However, failures still occur on newer iOS Safari versions

Based on user reports and logs.

3. Relevant Access Log Example (Successful iOS Purchase)
"POST /tickets?task=cart.process_checkout" 303
"GET /tickets/registration-complete" 200
User-Agent: iPhone OS 15_8_5 Safari/604.1


This confirms the flow works in some iOS environments.

4. Remaining Problem

Despite the success on certain versions, other iOS Safari builds still show:

Inability to click the Terms checkbox

Square token not generated

Payment form not completing

Random failures depending on iOS WebKit version

This suggests an issue with:

❗ Square Web Payments SDK + iOS WebKit iframe interaction

AND/OR

❗ The outdated os_squarecard 4.5.0 plugin implementation inside EventBooking
5. Request for Support
For Square Support:

Please confirm whether the Web Payments SDK version that EventBooking uses (likely older) has known issues on:

iOS 17.x

iOS 18.x

Safari's dynamic state partitioning

iframe hitbox / focus handling

token generation failures on embedded forms

We need guidance on:

Any required JS updates for iOS WebKit.

Whether Square recommends replacing embedded card forms with Web Payments SDK v2.

A fix for iframe sizing or focus issues on Mobile Safari.

For EventBooking (JoomDonation) Support:

Does os_squarecard 4.5.0 include the latest Square Web Payments SDK?

Has the plugin been updated for iOS 17–18 WebKit changes?

Are there known issues with:

iframe overlay sizes

token creation callbacks

z-index / transform handling on iOS Safari

Can you provide an updated plugin version or patch?

Users on newer iPhones are still experiencing failed checkouts, even though older iOS versions now work reliably.

6. Additional Information

CSP rules are correctly configured (fonts, frame-src, script-src).

No caching system is active.

The iframe loads successfully in all tests.

The issue is specific to Safari on iOS, not macOS Safari.


Your assistance is needed to verify:

Whether the Square JS implementation in EventBooking is up-to-date,

Whether known Square Web Payments issues with iOS Safari apply here,

And if a plugin update or patched SDK integration is required.

We can provide:

Additional logs

Screenshots

HAR files

Test accounts

Upon request.

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc