Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Temp Fix for Contact Page #502

Conversation

CGBassPlayer
Copy link
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
Copy link
Collaborator

@gerbrent gerbrent left a comment

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
Copy link
Collaborator

gerbrent commented Feb 5, 2023

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
Copy link
Collaborator

gerbrent commented Feb 5, 2023

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
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
Copy link
Collaborator

gerbrent commented Feb 5, 2023

.... you do now!

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

(from deployment previews) generated automagically on PR merge)

@CGBassPlayer
Copy link
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
Copy link
Collaborator

gerbrent commented Feb 6, 2023

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

@CGBassPlayer
Copy link
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
Copy link
Collaborator

gerbrent commented Feb 6, 2023

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
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
Copy link
Collaborator

gerbrent commented Feb 6, 2023

...Here we go!

@gerbrent
Copy link
Collaborator

gerbrent commented Feb 6, 2023

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

@gerbrent
Copy link
Collaborator

gerbrent commented Feb 6, 2023

@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