Search tab in various browsers

  • Resolved pkasuba

    (@pkasuba)


    2 years, 12 months ago

    Hello everybody,

    I want to ask one small bug, which is bothering us on our city website for a longer period of time. We are using TablePress for our contact list (besides other use) and we are happy with it, but the search tab seems to be broken in newer browsers.

    In old Internet Explorer there isnt problem whatsoever. For example, I write “Novák” and instantly I see all lines with Novák in it. Even first three letters or two (with or without diacritics, doesnt matter), it works perfectly fine.

    But when I try to find same person in Chrome or Firefox, it cant find, when I wrote full name. Sometimes I get lucky and find that line when I write eg. “Nov”, but when I add Á (or even simple letter without diacritics), it fails to find anybody.

    Can you help identify, what can be the problem? If you want to send some screenshots, feel free to tell me and I will add them.

    Greetings.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 12 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    My guess here is that your site uses a plugin that adds invisible characters into the table cells, for things like “nice” hyphenation, etc. I have seen this happening in the past, with typography plugins (I don’t remember the name though). Are you using something like this?

    Regards,
    Tobias

    Thread Starter pkasuba

    (@pkasuba)

    2 years, 12 months ago

    Of course, sorry, I forgot.
    https://www.novyjicin.cz/telefonni-seznam/

    But I think you already got it – it can be due to fact, that we use @ (at) as picture. It is like that because of spam bots I think (it was implemented before my arrival here).

    What is the solution now?

    Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 12 months ago

    Hi,

    thanks for the link! Yes, it looks like my assumption was correct. This is caused by your theme, which is using some “Hyphenator” script, the JS file /wp-content/themes/webap/js/hyphenator/Hyphenator_Loader.js
    This is adding invisible ­ characters into the the words.
    Please check if your theme allows turning off that Hyphenator feature.

    The @ image that you mention does not play a role here. That’s totally okay to use!

    Regards,
    Tobias

    Thread Starter pkasuba

    (@pkasuba)

    2 years, 9 months ago

    Hello,

    sorry to open up this topic again – I just would like to ask, where I can find/simualte that it adds invisible ­ characters?

    We are still working on reapiring it with our web developers and they cant test it on theirs browsers and systems, so we are trying to do it ourselves.

    I can’t remember, where it can be – I looked in source code of the page, then I explored the element but without success.

    Thanks in advance.

    Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 9 months ago

    Hi,

    you should be able to see those ­ (or other invisible) characters when using the Inspection feature of the browser’s Developer Tools (available via the menu). I prefer those from Google Chrome for this.

    Regards,
    Tobias

    Thread Starter pkasuba

    (@pkasuba)

    2 years, 8 months ago

    Hi, it’s me again

    so the search tab is now working well, so thank you. We have other issue on our intranet page, more specifically with collapse button.

    As you can see on our main web page, everything is good – https://www.novyjicin.cz/telefonni-seznam/. But on our internal page its doing this:

    https://abload.de/img/tablepress-collapse67ks9.png

    I dont know what to change to stop it happening. Thanks in advance.

    Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Do you mean the little dots before the entries in the list? This is coming from some CSS in your theme, I would guess. You could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress ul {
  list-style-type: none;
}

    Regards,
    Tobias

    Thread Starter pkasuba

    (@pkasuba)

    2 years, 8 months ago

    No, its that the plus/minus icon overlap the first 2 to 3 letters from name. Instead of “Kopecky” I can see only “pecky”, even in bigger resolution. It should be next to the name – just like we have on our external webpage.

    I tried that Custom CSS, but nothing happened. I think we are on good path, it will be something with CSS (on internal page we have Divi theme, on the other one we have template made by company).

    Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 8 months ago

    Hi,

    thanks for the clarification! That’s a similar problem: Your theme is likely setting a different padding on those cells. Please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 30px !important;
}

    Regards,
    Tobias

    Thread Starter pkasuba

    (@pkasuba)

    2 years, 8 months ago

    after minor edit and with help of my colleague it works, thank you so much for your advice 😉

    Plugin Author TobiasBg

    (@tobiasbg)

    2 years, 8 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Search tab in various browsers’ is closed to new replies.