Hello, I’m experiencing an issue where all fields are displaying as block (vertically) even though I have widths set on them (correctly). This problem occurs in latest Chrome and Firefox.
The issue seems to be in
/assets/js/acf-input.js, around line
2525. jQuery gets the position value of the current field, but each field seems to return a slightly different position value, sometimes off by a hundredth or thousandth of a pixel. ie: Field One (width=50) reports top position as
0, and Field 2 (width=50) reports top position as
0.0040020. So now ACF thinks these should be on separate lines.
The solution I found was to ignore minor differences like that by using
this_top = parseInt($el.position().top);
Everything lines up and works correctly after applying that to the two lines mentioned above.
Here is a paste of the JSON field group: http://pastebin.com/WVBPJMGs
I’m afraid I can’t reproduce this issue on my end. It’s possible that there’s a JS/CSS conflict on your site. Could you please try to reproduce the issue on one of the WordPress’ stock themes (like Twenty Sixteen) with other plugins deactivated? If it disappears, then you can activate the theme and plugins one by one to see which one causes the issue.
I also noticed that you are using custom field types like “hours” and “sortable_relationship”. It’s possible that these custom field types has a JS/CSS code that causes the issue. Could you please remove it and see if it fixes the issue?
You must be logged in to reply to this topic.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
© 2023 Advanced Custom Fields.