Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Checkbox in Contact Modal 2 Not Displaying Required Field Warning

Avatar of Ludovic B.Ludovic B.
路

Hi, A required checkbox in contact modal 2 doesn't display the browser-native "Please fill in this field" dropdown below the field (like it does on any other form field) when unchecked. The user cannot send but doesn't know why. Short video : https://share.cleanshot.com/pr3Phh4N Staging page : https://sotel-7e1e30.webflow.io/ Read-only link : https://preview.webflow.com/preview/sotel-7e1e30?utm_medium=preview_link&utm_source=de[鈥0&preview=00d3740489083e463835aa87c080a4bd&workflow=preview

24 comments

  • Avatar of Ludovic B.
    Ludovic B.
    路

    hi Matt J., Do you think you might be able to give me an update on this one sometime this week ? Cheers,

  • Avatar of Matt J.
    Matt J.
    路

    Ludovic B. yeah this is a webflow legacy bug - which is crazy. Something like Formly might help because it has its own form validation and error handling but you'd likely have to pay for it, which is not ideal. Its crazy to think that this bug still exists to be honest.

  • Avatar of Ludovic B.
    Ludovic B.
    路

    hey Matt J., I told Webflow support about this. They're saying the browser native form validation field shows (like there's no bug), and he actually proved it to me with a screenshot.

  • Avatar of Ludovic B.
    Ludovic B.
    路

    I asked them to try it on my own form I'm waiting for their answer (just thought I'd update you on this).

  • Avatar of Ludovic B.
    Ludovic B.
    路

    Apparently it's not related to Webflow itself Matt J. (will let you know what they find, but definitely not a Webflow bug, I just tried it out too and the form field validation shows when the checkbox s required and not checked).

  • Avatar of Matt J.
    Matt J.
    路

    Ludovic B. ah okay - lets take a look - can you re-send a preview link - the one above is broken now.

  • Avatar of Ludovic B.
    Ludovic B.
    路

    Sure. Here it is :https://preview.webflow.com/preview/sotel-formation-lp?utm_medium=preview_link&utm_sou[鈥p&preview=00d3740489083e463835aa87c080a4bd&workflow=preview 馃檪

    馃憖1
  • Avatar of Matt J.
    Matt J.
    路

    Ludovic B. completely vanilla form using only webflow native elements. The only thing I touched was adding a checkbox and making it required, and unchecked the box for email being required. You can see that the checkbox doesn't even render properly, which is wild to me. It also doesn't show the validation. https://checkbox-required-bug.webflow.io/

  • Avatar of Matt J.
    Matt J.
    路

    the way that I read their message back to you is that - they can see that the validation is firing itself, but the UI (the really important message) is not showing.

  • Avatar of Matt J.
    Matt J.
    路

    just changed the checkbox to use "custom" styling and now the actual checkbox shows up now.

  • Avatar of Matt J.
    Matt J.
    路

    yeah I really dont know how they got it to work though in that first screenshot they sent...

  • Avatar of Ludovic B.
    Ludovic B.
    路

    Thanks a lot. Yeah, I just replied to them. I guess I'll just add a message like "check that box to submit the form" (lol) for that very client, and will see how to fix that on future projects. Will keep you posted anyway 馃檪

  • Avatar of Matt J.
    Matt J.
    路

    ah im not done trying to resolve this haha

  • Avatar of Matt J.
    Matt J.
    路

    im on to a solution already but requires custom JS

  • Avatar of Matt J.
    Matt J.
    路

    shoot it must be something with the style guide, I just realized out of habit that I had cloned our SG, but I deleted the global styles embed

  • Avatar of Matt J.
    Matt J.
    路

    https://checkbox-bug---no-style-guide.webflow.io/ This checkbox appears to work

  • Avatar of Ludovic B.
    Ludovic B.
    路

    Wow, THAT's progress 馃コ

  • Avatar of Matt J.
    Matt J.
    路

    yeah now my SG version works but I dont know why, so now I'm going to start fresh again lol

    馃槄1
  • Avatar of Matt J.
    Matt J.
    路

    alright.....found it

    馃敟1
  • Avatar of Matt J.
    Matt J.
    路

    one line of custom CSS....WILD

  • Avatar of Matt J.
    Matt J.
    路

    Ludovic B. very unfortunate....terribly sorry that you've wasted so much time trying to troubleshoot this over something so silly. I'll be bringing this up to the team ASAP. But the fix is to remove this custom CSS line from the head of your project - we have added this at some point in the past, I dont know when, to the style guide.

  • Avatar of Matt J.
    Matt J.
    路

    be sure to apologize to Webflow as well and if you'd like, mention Matt at Relume. What a wild turn of events....I guess because I just always use the SG, I just made a bad assumption that it was a webflow bug.

    馃憤1
  • Avatar of Ludovic B.
    Ludovic B.
    路

    No worries, at least it's solved. Amazing !! Thanks Matt J., you rock 馃幐馃檹

  • Avatar of Remo M.
    Remo M.
    路

    Wow thx. I had the same issue suddenly