Problem I don't understand?

Elements Feedback
1

@dan I’d appreciate if you could look at the attached project and tell me why it stopped working with b33.

The page you want to look at is the CONTACT one, that has a Web3Form on it. The form used to look right in the editor, but now all of the fields have BLACK backgrounds (except the first one where I forced the background to white). If you preview the page the fields do have WHITE backgrounds.

The bigger problem is when previewed the page gets horribly mangled where the footer gets size all the way up to the banner and the form is displayed above everything.

This all used to work perfectly so I’m at a loss to understand what has gone wrong. I’m sure it has something to do with the Web3Form code but I have no idea.

Here is the project.

elementsapp://downloadDocument/TZOJ02a5LmAJ

I realize this will be somewhat redundant once you add support for contact forms, But I would like to make this work correctly.

2

Hi @handshaper,

Sorry to be a pain, for some reason that link isn’t working (we’re looking into it), but in the meantime can you re-upload the project and provide a new link?

Cheers!

3

Sorry Dan, I broke the link because I realized that there was some sensitive info in the project that the whole world did not need to see.

I tried to PM you the link but you were not accepting PM’s at the time.

Can I just email you the link?

4

Thanks @handshaper, I’ve taken a look at the project and have tracked down all the problems!

1 - Beta 34, due out tomorrow (Thursday), will fix the dark field issue in the editor for you, however you have a couple of coding issues that will fix it right now…

2 - Your fields are missing some tailwind styling, only the First Name form field has a “bg-white-100” class. You should apply this to all your other fields.

CleanShot 2025-01-29 at 8 .30.22@2x
CleanShot 2025-01-29 at 8 .30.22@2x1920×1229 1020 KB

3 - Your page appears broken in Preview due to some malformed code in the Custom Component, turns out your missing an opening bracket. Just a single missing “<” can cause all this havoc!

CleanShot 2025-01-29 at 8 .28.32@2x
CleanShot 2025-01-29 at 8 .28.32@2x1920×1215 910 KB

Hope that helps, let me know if you have any more questions.

P.S. Our Form Component is shaping up rather nicely, so hopefully you’ll be able to switch to that in the coming weeks :wink:

5

Yes, I put that white class in that field to show what I needed to do to make it go white. Before this beta I had not needed to explicitly set the color.

Good catch! I knew there had to be something wrong somewhere in the code.

Thanks for looking at this and I’m really looking forward to the contact form support.

1 Like