Form animation jumps when navigating to the 2nd question (Mobile - Firefox)

[KyleShook]

Hi,
I'm encountering an issue with the form iframe when using Firefox on mobile-sized viewports, specifically with the PopupButton component. When submitting the first question, the animation behaves unexpectedly, jumping with each click until the next question eventually scrolls into view.

I've been able to reproduce this issue when the iframe is the only element on the page, without any additional wrappers. Could this be related to a form animation bug? Thanks for any insight/help!

Package: @typeform/embed-react": "^4.2.0",

<PopupButton
      className="typeform-button"
      buttonProps={{
        'aria-label': ariaLabel || buttonText,
        type: 'button',
      }}
      hidden={data}
      id={formId}
      keepSession={true}
      onSubmit={refreshAfterSubmit}
      size={100}
      style={buttonStyle}
    >
      {buttonText}
    </PopupButton>

Example:

Mozilla.Firefox.2025-01-02.11-06-25.mp4

[joycevherck]

Hi @KyleShook - thanks so much for raising the issue. I'm currently investigating the issue and will keep you posted.

[joycevherck]

The fix for this has been released. Let me know if you find any issues.