Tab Responsive & RPB Chessboard compatibility issue

Hello Richard,

May be possible that tabs responsive script is conflict with RPB Chessboard plugin or may be that it’s css conflict.

Can you share me that page url where you have got this issue?

Thank

So … I stood a test site up this morning with the exact same plugins – exhibits the same problems … so we can use this site:

https://richimages.net/testbed

( specific example article: https://www.richimages.net/testbed/?p=10 )

there’s only a few articles posted there … it doesn’t matter if you view an article that uses Tabs Responsive or not … the popup chessboard (just click on a move, they’re links to show the movement of the chess pieces) and you’ll see what I’m talking about with the placement of the close button (“X”) not being in the upper right hand corner.

Again, If you text me and I’m available, then I can demonstrate that DEACTIVATING just the Tabs Responsive plugin … and the close button displays back in the correct upper-right-hand corner.

BTW … if this gets fixed … then there’s one heck of a write up coming as in the way of a feedback rating for your plugin ??

thanks again

(Link is wrong in earlier post … reposting with corrected link … thanks)

So … I stood a test site up this morning with the exact same plugins – exhibits the same problems … so we can use this site:

https://richimages.net/testbed

( specific example article: https://www.richimages.net/testbed/?p=16 )

there’s only a few articles posted there … it doesn’t matter if you view an article that uses Tabs Responsive or not … the popup chessboard (just click on a move, they’re links to show the movement of the chess pieces) and you’ll see what I’m talking about with the placement of the close button (“X”) not being in the upper right hand corner.

Again, If you text me and I’m available, then I can demonstrate that DEACTIVATING just the Tabs Responsive plugin … and the close button displays back in the correct upper-right-hand corner.

Hello Richard,

Can you share some screenshot to explain that what happen before plugin activate and then after plugin activate.

Thanks

https://www.richimages.net/testbed/wp-content/uploads/2016/08/image.jpeg
The above link is when Tabs Responsive is Active.

https://www.richimages.net/testbed/wp-content/uploads/2016/08/image-1.jpeg

The above link is after Tabs Responsive has been DEACTIVATED. Same article from same site.

Note the X for closing the popup chessboard – which was opened after tapping the move-link 6.e5 from the article. The X for closing should be in the upper right corner – as is the case when Tabs Responsive is not active.

https://www.richimages.net/testbed/?p=20

This article has pictures and instructions to see the problem for yourself.

Hi,
It looks like a compatibility issue between 2 JavaScript libs: Bootstrap (brought by Tabs Responsive) and JQuery UI (brought by WordPress and used by RPB Chessboard).

More precisely, there is a naming conflict as both JS libraries defines $.fn.button. See:
https://github.com/twbs/bootstrap/issues/6094

My opinion is that Bootstrap should be loaded “no conflict” mode enabled, i.e. jQuery.fn.button.noConflict() should be called after loading Bootstrap.

Thanks for going out of your way to offer a very reasonable option Yo35 (Developer of RPB Chessboard) !!!

I’ll see if this is something I can do if there’s no update from the developer of Tabs Responsive … But first, I’ll wait for a for response from Tabs Responsive developer.

Thanks Again,

Hello Richard,

Can you tell me that in which browser or in which mobile device you have got this issue.

Thanks

Hi Wpshopmart,

Did you go to my site and see the issue for yourself ? Read the top most post … You’ll see the issue for yourself. Yo35 has identified the problem already with his comment above.

It will occur in any browser as there are two functions for the button defined – one for bootstrap, and one for JQuery UI.

I thought his proposal was good – call the noConflict version of the button function.

Thanks

Richard.

Hello Richard,

I have found one solution but first can you please deactivate tab responsive, i will need to check exact css on close button.

sorry for the delay … driving into work.

Tab Responsive is now deactivated on my site …

Let me know if you need me to do anything else for your troubleshooting …

Hello Richard,

Actually there a file name is bootstrap.js in tabs responsive plugin is conflict with close icon.

Can you please provide me your gmail id, i want to share you a file , you will need to just replace it with existing file in tab responsive.

Thanks

@wpshopmart, Please don’t ask people to post their emails here. If you want to use email, you ought to provide that as you are the plugin author.