You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've recently made updates to not use the Popover component and instead now use the Widget component. Most everything has worked out fine but I've noticed that now that I'm using Widget, the fade out of the welcome page and then the slide up of the next form doesn't really work (but did when using Popover).
Example with Popover (correct):
Screen.Recording.2024-08-29.at.2.10.45.PM.mov
Example with Widget (incorrect):
Screen.Recording.2024-08-29.at.2.12.04.PM.mov
When looking at the iFrame src (i.e. the https://form.typeform.com/... url), the only difference between these two implementations is the query string parameter typeform-embed. When using Popover it is typeform-embed=popup-popover. When using Widget it is typeform-embed=embed-widget.
I've also noticed that removing the typeform-embed query string parameter entirely will result in the correct transition behavior.
Note that if you take the iFrame src, paste it in your browser window to just view the form outside of an iFrame, you can see still see the messed up transition behavior. This leads me to believe it's not anything specific to my page, but actually something within Typeform itself.
I'd rather not have to do something hacky to remove that query string parameter. Is there something specific that I need to send to the Widget component to make it transition correctly?
The text was updated successfully, but these errors were encountered:
Hello @Aerophite, you are right there seems to be a visual bug in widget embeds for forms with welcome screen. I have passed this to the team in charge.
mathio
added
bug
Something isn't working
and removed
new
Flag for new issues before someone replies
labels
Sep 3, 2024
@typeform/embed: "^5.1.0"
@typeform/embed-react: "^4.1.0"
I've recently made updates to not use the
Popover
component and instead now use theWidget
component. Most everything has worked out fine but I've noticed that now that I'm usingWidget
, the fade out of the welcome page and then the slide up of the next form doesn't really work (but did when usingPopover
).Example with Popover (correct):
Screen.Recording.2024-08-29.at.2.10.45.PM.mov
Example with Widget (incorrect):
Screen.Recording.2024-08-29.at.2.12.04.PM.mov
When looking at the iFrame src (i.e. the
https://form.typeform.com/...
url), the only difference between these two implementations is the query string parametertypeform-embed
. When usingPopover
it istypeform-embed=popup-popover
. When usingWidget
it istypeform-embed=embed-widget
.I've also noticed that removing the
typeform-embed
query string parameter entirely will result in the correct transition behavior.Note that if you take the iFrame src, paste it in your browser window to just view the form outside of an iFrame, you can see still see the messed up transition behavior. This leads me to believe it's not anything specific to my page, but actually something within Typeform itself.
I'd rather not have to do something hacky to remove that query string parameter. Is there something specific that I need to send to the
Widget
component to make it transition correctly?The text was updated successfully, but these errors were encountered: