ACF Date Picker does not display correctly in MODAL mode

  • Resolved netconfig

    (@netconfig)


    10 months, 2 weeks ago

    Hi Shabti, I use an ACF Date field in a Field Group. When I use the “New Post Form” and add this field in the normal manner, it does not display correctly in Modal mode. I also have a nearly identical form to Edit posts, with of course the same Date field in it, and in that Modal mode it works correctly.

    THis does not seem to be a browser issue, it happens in Firefox and Chrome, for example.

    I do notice that there seems to be display of the Date picker module, but it is “behind” the modal form. On my specific form, where the Date is near the bottom, you see the “Today and Done” buttons stick out below but behind the Modal window.

    So wanted to report that, as this seems to be a bug.

    This is on the latest 3.18.4 version, but was also happening on the earlier .3 version.

    FYI

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Shabti Kaplan

    (@shabti)

    Hi @netconfig, thank you for bringing up this issue.

    Indeed this issue dates back before version 3. This only happens if you create the form using the Elementor widget. There is no permanent soution yet for this bug, but I suggest you either use the basic “Date” or “Date Time” fields or create the form via the Frontend Admin interface.

    Thread Starter netconfig

    (@netconfig)

    OK, I assume this has to do with the ACF side of things.

    For reference:

    • I do not use Elementor and have no Elementor theme or related components installed at all.
    • I do not use a widget – I use the form shortcode in my page builder to place a button below the Category header on a page
    • I did create the form with the Frontend Admin interface
    • I used the ACF Field type for this form element, as the date field is part of an ACF Field Group.

    Per your info, I looked at the method of using a Date or Date Time field instead. It is not clear to me, in the 10 seconds that I looked at this, how I connect the form field to the ACF field. Perhaps you then need to use the meta name for that to work.

    For right now, my workaround is to use another form plugin for creating new posts with a form style (not modal) and use Frontend Admin for the Edit Post function with the modal mode. I suppose I can also use FEA in a non-modal way, but when FEA was “off the air”, I started working on other ways to make this work and have not gone back for BOTH Create and Edit to the FEA method.

    If and when this Date Picker bug gets fixed, I will probably switch back to using the FEA modal approach for creating a post, as that is the most intuitive-looking method I prefer. When clicking the Create Topic button right below a Category Name header, the modal would pop up, etc.

    What seems strange to me is this: on the Edit Post FEA form, the modal mode works totally correctly. It loads the date from the existing post, and when clicked, the data picker pops up with no issue, and updates dates are saved as expected.

    Why it does not work on the New Post / Create Post form seems odd.

    FYI

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘ACF Date Picker does not display correctly in MODAL mode’ is closed to new replies.