academic-bloggers-toolkit icon indicating copy to clipboard operation
academic-bloggers-toolkit copied to clipboard

tooltip class names should be namespaced

Open drhaldun opened this issue 6 years ago • 5 comments
trafficstars

**ABT Version: 5.1.0

PHP Version:

**Theme: Jannah

**Expected behavior: css problem for inline citations are

**Actual behavior: tooltip is not showing when hovered on a citation

none

check this website: https://www.acilci.net/bir-seyahat-acili-jet-lag-nedir-nasil-tedavi-edilir/

drhaldun avatar Aug 19 '19 13:08 drhaldun

Looks like a CSS conflict in your child theme's CSS. I disabled your theme's CSS and it works fine. Not sure where the conflict lies, but that should start you in the right direction.

Closing as it's not an issue with the code here that I can fix.

dsifford avatar Aug 19 '19 19:08 dsifford

I think this issue must be solved by renaming your CSS class names to more unique words. Your class name is just "tooltip", a quite common word among coders. If you rename this into a word with a prefix, like "abt-tooltip", there will be no conflictions forever.

alquirel avatar Jan 23 '20 11:01 alquirel

This plugin leverages another library for creating the tooltips which is generates the class names.

dsifford avatar Jan 23 '20 12:01 dsifford

Thanks for reply.

I solved this problem by hard coding, I changed class names in files named "frontend.js" and "frontend.css". I believe that there must be something you can do. Otherwise I will continue to renaming by hard code to fix the issue after every update of your plugin.

alquirel avatar Jan 23 '20 12:01 alquirel

Library that was used for the tooltips had a major update somewhat recently, so maybe it was changed to allow this.

Not much time in the near future to look into this because my day job has been keeping me busy.

I'll reopen this issue nevertheless.

dsifford avatar Jan 23 '20 12:01 dsifford