Skip to content

Temp Fix for Contact Page - #502

Merged
gerbrent merged 1 commit into
JupiterBroadcasting:developfrom
CGBassPlayer:bugfix/485-contact-iframe-bandaid
Feb 5, 2023
Merged

Temp Fix for Contact Page#502
gerbrent merged 1 commit into
JupiterBroadcasting:developfrom
CGBassPlayer:bugfix/485-contact-iframe-bandaid

Conversation

@CGBassPlayer

Copy link
Copy Markdown
Collaborator

Fixes #485

On Safari/Webkit browsers, the iframe was too small and cut off the bottom button when all validation errors are present. This increases the size of the iframe by 5 pixels as a band-aid until we remake the contact form.

e2e testing for that browser is part of #475

@CGBassPlayer CGBassPlayer added third-party site design design and visual UX related to user experience piece of 🍰 simple and uncomplicated to resolve. labels Feb 5, 2023

@gerbrent gerbrent left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tested, looks good as expected.

@gerbrent

gerbrent commented Feb 5, 2023

Copy link
Copy Markdown
Collaborator

proof from Firefox' responsive mode set to iPhone X - though I can't reproduce the issue on current production JB site w this method......:

image

@gerbrent

gerbrent commented Feb 5, 2023

Copy link
Copy Markdown
Collaborator

for webkit browsers

The original issue was reported by a user of a "pixel7pro"

felt important to point this out as not webkit-only... and curious if the fix might influence that context aswell - likely!

@CGBassPlayer

Copy link
Copy Markdown
Collaborator Author

It does and it doesn't. The test expansion handles multiple browsers, but I haven't worked in emulation yet. But the WebKit browser failed the test without this change.

So while it will it fixes all the browser at a large scale. I can't say for certain it fixes the mobile simply because I don't have a way to test yet.

@gerbrent
gerbrent merged commit 7000b57 into JupiterBroadcasting:develop Feb 5, 2023
@gerbrent

gerbrent commented Feb 5, 2023

Copy link
Copy Markdown
Collaborator

.... you do now!

https://jb-deploy-prv-iac8.onrender.com/

(from deployment previews) generated automagically on PR merge)

@CGBassPlayer

Copy link
Copy Markdown
Collaborator Author

So on my iPhoneX it seems like it wasn't quite enough... I am not too worried about it since I want to get a native contact form working on the site soon.
image

@gerbrent

gerbrent commented Feb 6, 2023

Copy link
Copy Markdown
Collaborator

Want to give it another 5-10px while we're at it?

@CGBassPlayer

Copy link
Copy Markdown
Collaborator Author

I was thinking at least 20px. Since this PR is merged, I am pretty sure I would need to open a new one

@gerbrent

gerbrent commented Feb 6, 2023

Copy link
Copy Markdown
Collaborator

other way is a revert (I can do that) and change, then remerge?

That would have a slightly cleaner history.. I believe.

@CGBassPlayer

Copy link
Copy Markdown
Collaborator Author

That actually could work since I don't think there was anything merged after this one. We can certainly give it a shot

@gerbrent

gerbrent commented Feb 6, 2023

Copy link
Copy Markdown
Collaborator

...Here we go!

@gerbrent

gerbrent commented Feb 6, 2023

Copy link
Copy Markdown
Collaborator

note that... revert doesn't necessarily help w clean history - it's subjective at this point ; )

@gerbrent

gerbrent commented Feb 6, 2023

Copy link
Copy Markdown
Collaborator

@CGBassPlayer I'll let you do the new PR w above tiny changes - probably overkill to revert at this point but... today we learn.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design design and visual piece of 🍰 simple and uncomplicated to resolve. third-party site UX related to user experience

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Contact - submit button hidden on missing field

2 participants