If Map field is required and not filled, It does not produce error message.

  • Resolved Amr Ali

    (@amr3li)


    2 years, 9 months ago

    Hello

    My setup is default cf7 form with this map tag:

    [map* map-349 id:qfmapid class:qfaddressmap "zoom:1;clat:28.156269;clng:63.323149;lat:12.007089;lng:79.810600"]

    When visitor submits the form and the field is required but no address picked by visitor. its shows an empty error box with not error messsge.

    It shows this error on the console debugger:

    
<pre><code>TypeError: Cannot read properties of null (reading 'classList')
    at l (index.js?ver=5.5.6:1:2590)
    at Array.forEach (<anonymous>)
    at index.js?ver=5.5.6:1:3708
(anonymous) @ index.js?ver=5.5.6:1
Promise.catch (async)
c @ index.js?ver=5.5.6:1
(anonymous) @ index.js?ver=5.5.6:1

    Setup WP version is 5.9.1 and its happening with every theme including default themes.
    Your help is much appreciated
    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)

  • Same problem, just shows yellow box with no content.

    Plugin Author Aurovrata Venet

    (@aurovrata)

    I see the problem… I will get this fixed and revert back

    So the validation tip shows up but is likely hidden by your theme CSS.

    try adding the following CSS to your page,

    
.cf7-smart-grid.has-grid div.field .cf7-google-map-container span.wpcf7-not-valid-tip{ top:auto}

    Tried to add css and not working.
    All CF7 and other plugings responce-output class shows tips.

    Thread Starter Amr Ali

    (@amr3li)

    Hello

    Adding
    .cf7-smart-grid.has-grid div.field .cf7-google-map-container span.wpcf7-not-valid-tip{ top:auto}

    Didnt solve the problem, Please be advised that the issue only occurs if the map filed is marked required.
    I have tested with several other themes, Still the same.

    Thank you

    Plugin Author Aurovrata Venet

    (@aurovrata)

    that’s odd because I tested it with required too and I got it to work on my test server.

    I will look at this again

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘If Map field is required and not filled, It does not produce error message.’ is closed to new replies.