Tables distorted when logged in

  • Resolved Bob

    (@bobk88)


    4 years, 6 months ago

    On the linked page, the Table Press table recently started distorting when viewed while logged into the site.

    The ways in which it distorts seem to vary at different times.

    The first example is from a test I did shortly before posting here, and is regarding row 1.

    When I was logged out, column 1 was 196px wide and column 2 was 554px wide. This is normal.

    When logged in, column 1 shrank to 84px and column 2 expanded to 6585px (!). Definitely not normal!

    (These data are from Safari 13.1.2 on macOS 10.14.6, but I obtained similar results in Chrome 85.0.4183.83, and in mobile Safari for the latest iOS 13.)

    However, I went back after first posting this to check on something, and this time the column widths were the same (681px for each row), but the three music players, which are in separate rows of the table, had different widths.

    For example, the width of div.mejs-time-rail was 394px for row 1, 410px for row 2, and 426px for row 3.

    I observed similar behavior on another table of music players on a seprate page.

    I made a test page where I added the same audio players without a table, as separate paragraphs within a div. They looked the same when viewed logged in and out. This suggests that the issue could be related to TablePress.

    This seems to have arisen with the most recent WordPress auto-update, but I’m not sure. It has all worked flawlessly for years until now.

    Thanks!

    WordPress 5.5.1
    TablePress 1.12

    Genesis Framework 3.3.3
    Dynamik Website Builder 2.6.9.5

    (All the above is current as of this posting.)

    • This topic was modified 4 years, 6 months ago by Bob.
    • This topic was modified 4 years, 6 months ago by Bob.
    • This topic was modified 4 years, 6 months ago by Bob.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Bob

    (@bobk88)

    To be completely clear, this should have been added after the first sentence in the original post above:

    The table displays mp3 audio players. Column 1 contains song titles and column 2 contains built-in WordPress audio players.

    • This reply was modified 4 years, 6 months ago by Bob.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To be honest, I have no idea how TablePress could be causing this… It doesn’t have any code that deals or modifies audio players…

    My guess is that this is related to the automatic width calculation of the browser, which depends on the width of the content inside the table, and timing issues. One idea would therefore be to set manual minimum column widths, e.g. by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-4 .column-1 {
    min-width: 180px !important;
}

    Regards,
    Tobias

    Thread Starter Bob

    (@bobk88)

    Thanks, Tobias!

    That worked.

    For Column 2, whose width was being increased to extreme amounts (although the amounts seemed to vary by row), this seems to have resolved the issue:

    .tablepress-id-4 .column-2 {
	max-width: 554px !important;
}

    This also worked for column 2 in similar table on another page.

    I’m curious why the issue only occured when I was logged into WordPress, but at least it’s fixed now.

    One more question: are comments (enclosed in /* and */) allowed in your Custom CSS window?

    Thanks again for the help!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    good to hear that this helped! I’m not really sure as to why this only happened when you were logged-in… I could be related to the TablePress output caching, but I’m not really sure how exactly.

    And yes, CSS comments inside /* and */ are allowed!

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tables distorted when logged in’ is closed to new replies.