Skip to content

Replay integration breaks Help Scout beacon (iframe) in Safari #9196

Closed
@pqvst

Description

@pqvst

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/vue

SDK Version

7.73

Framework Version

3.3.4

Link to Sentry event

No response

SDK Setup

Sentry.init({
  app,
  dsn: '...',
  integrations: [
    new Sentry.BrowserTracing(),
    new Sentry.Replay(),
  ],
  replaysOnErrorSampleRate: 1,
});

Steps to Reproduce

Enabling the Sentry.Replay plugin with replaysOnErrorSampleRate breaks our Help Scout beacon iframe in Safari.

  • If I disable the Sentry.Replay plugin, it renders correctly.

  • If I remove replaysOnErrorSampleRate it renders correctly.

  • If I downgrade to Sentry 7.72 it renders correctly.

Expected Result

I expect Sentry to not interfere with the rendering of iframes.
Screenshot 2023-10-07 at 13 50 45

Actual Result

Sentry 7.73:
For some reason the iframe seems to think it is bigger than it actually is. The iframe is still 60x60 but the inner content becomes too big.
Screenshot 2023-10-07 at 13 50 27

Sentry 7.72:
The iframe functions correctly. The iframe is 60x60 and the inner content is correct.
Screenshot 2023-10-07 at 13 50 45

Metadata

Metadata

Assignees

Labels

Package: vueIssues related to the Sentry Vue SDK

Type

No type

Projects

Status

No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions