Widget Form Not Visible on Mobile Device

Problem Statement: #

The client reported an issue with a landing page where the LeadSquared widget was embedded and configured externally to display a LeadSquared form.

Observed behavior:

• On desktop devices, the widget and form were functioning correctly.

• The form was fully visible and operational.

• However, on mobile devices, only the widget container was visible.

• The form inside the widget was not loading or displaying.
  
  

  Root Cause: #

  Upon discussion with the development team, it was identified that:

  • The LeadSquared widget functions as an iFrame module.

  • The form configured externally was also embedded using another iFrame.

  • This resulted in a nested iFrame (iFrame inside another iFrame) structure.

  • Nested iFrames may not render properly on certain mobile browsers due to security and rendering restrictions.
    
    

    Solution: #

    • It was confirmed that nested iFrames are not supported in this use case.

    • The integration needs to be modified to avoid embedding an additional iFrame inside the LeadSquared widget.

    • Recommended corrective actions:

      • Embed the form directly without using another iFrame.

      • Reconfigure the landing page to ensure only a single iFrame layer is used.