Conflict with ACF select fields

  • Resolved jstatondesigns

    (@jstatondesigns)


    8 years, 4 months ago

    Hi – I’m running into an issue where your plugin is causing display issues in the editor for my ACF fields using select boxes. Just wanted to make you aware of the issue and see if there was anything you could do to resolve the issue. I’m guessing it’s due to the fact that both plugins use Select2 fields.

    Basically the ACF field styles are being overwritten and not displaying correctly – for example, the select field has no background color for the input field or its choices and the cursor does not change on mouse over. It also seems to be getting a set width inline instead of displaying at 100%.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Joachim Jensen

    (@intoxstudio)

    8 years, 4 months ago

    Thank you for reporting this.

    Can you confirm that you are using the latest version of ACF and that the problem disappears when you deactivate Content Aware Sidebars?

    The reason I am asking is that even though both plugins use the same library, ACF previously used an earlier version, and Content Aware Sidebars only adds CSS for its own select fields.

    I found a similar thread where the developer of ACF provided a fix for an incompatibility with WooCommerce: https://github.com/woocommerce/woocommerce/issues/12924#issuecomment-278518408

    Thread Starter jstatondesigns

    (@jstatondesigns)

    8 years, 4 months ago

    Thanks for the reply. I’m using ACF Pro Version 5.5.7 and Content Aware Sidebars Version 3.7.1

    I currently have them both installed on 3 different sites and the problem disappears from all 3 sites when I deactivate Content Aware Sidebars on each.

    I’ll take a look at the fix for woocommerce and see if implementing it would resolve the issue I’m having.

    Thanks again.

    Thread Starter jstatondesigns

    (@jstatondesigns)

    8 years, 4 months ago

    Update – I implemented the fix you suggested and it seems to work. The styling is a little off on the ACF select field but its displaying correctly.

    Thanks

    Plugin Author Joachim Jensen

    (@intoxstudio)

    8 years, 4 months ago

    Thank you for the update on this, and I am glad that it seems to work now!

    Perhaps doing a hard refresh in the browser would fix the styling? Otherwise, there might be other plugins that use select2 as well and overrides the “global” styling.

    All select fields using that library in Content Aware Sidebars are styled with this CSS class select2-container--wpca, which I don’t think other plugins use.

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

The topic ‘Conflict with ACF select fields’ is closed to new replies.