website icon indicating copy to clipboard operation
website copied to clipboard

Make a /suggest page

Open wesbos opened this issue 3 years ago • 1 comments

We have a new form that we use to intake guest suggestions, but it keeps getting marked as spam on twitter (and maybe email?). So I rather send syntax.fm/suggest

Make a page that integrates this form, but auto-heights the iframe. There has got to be some sort of postMessage API to find out the height of the form so we can dynamically adjust the height of the iframe

https://forms.gle/b525fKskRVByNK599

wesbos avatar Jun 06 '22 13:06 wesbos

I'm keen to work on this.

Not sure about cross-origin postMessage

I had a look at postMessage based solutions to auto-size the iframe. I'm not sure if this is possible for cross-domain iframes, unless you have control of the domain in the iframe. This article by Chris Coyier on CSS-tricks also suggests that it's not possible.

Redirect?

The simplest would be to redirect using nextjs redirects. This would then behave similarly to the ask a potluck question link on the homepage.

Fullscreen iframe?

Another alternative is a full screen iframe (position:fixed; inset: 0). This would have the advantage over a redirect that you could overlay a "back to Syntax" link. It would also make it so that URL stays on syntax.fm/suggest.

What would you prefer?

simeydk avatar Oct 04 '22 13:10 simeydk