HELP – TablePress Issue in Google Chrome!

  • Resolved Ryan

    (@pause-the-moment)


    12 years ago

    Hi all. I seem to be having an issue with the TablePress plugin when using Chrome. I’ve been using this plugin for a long time now and I’ve never had any issues with it. I just noticed that when I view posts with a TablePress table embedded in them, the Table is not allowed to be clicked on. The links cannot be clicked, the text cannot be highlighted, etc. I tested this on multiple computers.

    Example post: http://www.pausethemoment.com/wasabi-power-gopro-review/

    Note: This issue only occurs in Google Chrome. I’ve tested it with success on both Firefox and IE.

    Any ideas what could be going wrong here?

    Thanks in advance.

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this seems to be some new HTML5/CSS3 combination that your theme uses. Because of that, the (internal/not visible) size of the header right below the table extends to above the table, so that clicks into the table are not recognized as clicks into the table but as clicks into the heading. As IE is probably not (yet) recognizing that new HTML/CSS, you are not seeing this issue there.

    Fixing this should be rather easy, by adding another HTML element after the table. To that, please replace the Shortcode with

    [table id=1 /]

<br />

    That will add some extra white space below the table, but the links should now be clickable.

    Regards,
    Tobias

    Thread Starter Ryan

    (@pause-the-moment)

    12 years ago

    Hi Tobias,

    Thank you for your reply. I tried your fix and it still isn’t working. Neither links in the top or the bottom of the table are clickable.

    Thanks.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years ago

    Hi,

    ah, my bad.
    Please try again with &nbsp; instead of <br />.

    Regards,
    Tobias

    Thread Starter Ryan

    (@pause-the-moment)

    12 years ago

    You are the MAN! Thanks so much Tobias.

    Will I need to place the “&nbsp” after every table going forward?

    Enjoy the rest of your week.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years ago

    Hi,

    great to hear that this helped!

    You’ll most likely have to place that &nbsp; directly after every table that is immediately following by a heading (<h2>) on the page, as that’s what seems to be causing this.
    If there’s regular text between the table and the following heading, an extra &nbsp; should not be necessary.
    I suggest to first try without for every table and then if this issue happens again, add it.

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘HELP – TablePress Issue in Google Chrome!’ is closed to new replies.