• Resolved romandas

    (@romandas)


    Dear Wicked Folders Team,

    I am writing to report a compatibility issue between Wicked Folders and the AutomateWoo plugin. After installing Wicked Folders, the layout of the AutomateWoo Workflows list table breaks. The “Workflow Folders” column becomes too narrow, causing folder names to be cut off.

    Steps to Reproduce:

    1. Install both Wicked Folders and AutomateWoo plugins.
    2. Navigate to AutomateWoo > Workflows.
    3. Observe that the “Workflow Folders” column is too narrow, truncating folder names.

    Cause of the Issue:

    It appears that Wicked Folders applies a table-layout: fixed style to the list table and calculates column widths dynamically using JavaScript when the folder pane is resized. However, the current implementation only sets explicit widths for the first two columns, squeezing the “Workflow Folders” column.

    Temporary Workaround:

    I have found a temporary workaround by adding the following JavaScript code to my theme’s functions.php file:

    add_action( 'admin_footer', 'wicked_folders_adjust_workflow_table_layout' );

    function wicked_folders_adjust_workflow_table_layout() {
    $screen = get_current_screen();

    if ( $screen && 'edit-aw_workflow' === $screen->id ) :
    ?>
    <script type="text/javascript">
    jQuery(function($) {
    // Function to unset the fixed table layout
    function unsetFixedTableLayout() {
    $('#posts-filter .wp-list-table').css('table-layout', 'auto');
    }
    // Run the function initially
    unsetFixedTableLayout();
    // Run the function after Wicked Folders AJAX updates
    $(document).ajaxComplete(unsetFixedTableLayout);
    });
    </script>
    <?php
    endif;
    }

    This code removes the table-layout: fixed style, allowing the browser to adjust column widths based on content. However, it would be ideal to have a more permanent solution within Wicked Folders itself.

    Thank you for your time and attention to this issue. I appreciate your efforts in making Wicked Folders a robust and compatible plugin.

    • This topic was modified 1 month, 1 week ago by romandas.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter romandas

    (@romandas)

    Here is how it looks: https://i.imgur.com/lhtXcb3.png

    Plugin Author wickedplugins

    (@wickedplugins)

    Hi @romandas,

    Thanks for taking the time to put together such detailed notes on the issue you’re having. The table-layout: fixed style is something that’s added by WordPress when the table has the fixed class (which is also something WordPress adds). Our plugin does specify a size for the wicked-move column but it doesn’t set sizes for the other columns or dynamically size them when the folder pane width is changed.

    I don’t have access to the AutomateWoo plugin but, from looking at your screenshot, it appears that the plugin is perhaps intending to make the “Run Count” column narrow but is likely targeting the column based on it’s index (i.e. the plugin perhaps adds some CSS to make the 4th column a certain width); however, because Wicked Folders adds a column to the beginning of the table, this causes the 4th column to become the “Workflows Folders” column. You can likely confirm this by clicking “Screen Options” in the upper-right corner and temporarily turning off the “Move to Folder” column.

    Assuming this is the case, this is something the AutomateWoo plugin would actually need to correct on their end. You could also add some CSS that fixes it (or continue to use the work-around you’re using now).

    Plugin Author wickedplugins

    (@wickedplugins)

    Hi @romandas,

    I’m closing this issue out for now but, if you’re still having an issue that you believe is on our end, feel free to open it back up.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.